edit color
This commit is contained in:
parent
383a0ceb19
commit
6f9c79e0c4
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
public/images/bgimage2.jpg
Normal file
BIN
public/images/bgimage2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 767 KiB |
BIN
public/images/bgimage3.jpg
Normal file
BIN
public/images/bgimage3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 577 KiB |
214
public/images/logofull.svg
Normal file
214
public/images/logofull.svg
Normal file
@ -0,0 +1,214 @@
|
||||
<svg width="596" height="189" viewBox="0 0 596 189" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M37.76 81.1699C15.52 81.1699 4.70996 89.5999 4.70996 106.94C4.70996 124.28 15.52 132.78 37.76 132.78C60 132.78 70.81 124.33 70.81 106.94C70.81 89.5499 60 81.1699 37.76 81.1699ZM37.76 123.21C21.5 123.21 15.46 118.8 15.46 106.93C15.46 95.0599 21.5 90.7299 37.76 90.7299C54.02 90.7299 60.06 95.1199 60.06 106.93C60.06 118.74 54.02 123.21 37.76 123.21Z" fill="#443B62"/>
|
||||
<path d="M127.04 109.95C127.04 119.35 124.54 123.28 109.08 123.28C91.74 123.28 88.25 118.18 88.25 109.95V81.9399H77.5V109.95C77.5 125.31 87.83 132.77 109.08 132.77C128.18 132.77 137.86 125.09 137.86 109.95V81.9399H127.04V109.95Z" fill="#443B62"/>
|
||||
<path d="M207.15 99.1599C207.15 86.4699 195.14 81.9399 183.9 81.9399H151.59L144.16 91.5699H181.11C194.48 91.5699 196.19 95.8499 196.19 99.5799C196.19 106.68 184.65 107.24 181.11 107.24H145.95V132.01H156.7V116.52H181.39L198.14 132.01H213.29L193.5 114.6C202.12 112.77 207.16 107.18 207.16 99.1599H207.15Z" fill="#443B62"/>
|
||||
<path d="M343.86 111.26H378.72L385.53 102.47H343.86V91.5699H380.26L387.7 81.9399H333.11V132H380.61L388.07 122.44H343.86V111.26Z" fill="#443B62"/>
|
||||
<path d="M486.32 91.5699H520.67L528 81.9399H486.88C470.16 81.9399 466.65 90.0799 466.65 96.9199C466.65 103.76 469.94 111.27 485.62 111.27H504.54C514.18 111.27 516.82 112.42 516.82 116.61C516.82 119.12 515.87 122.45 507.69 122.45H470.13L463.38 131.1L444.63 114.6C453.25 112.77 458.29 107.18 458.29 99.1599C458.29 86.4699 446.28 81.9399 435.04 81.9399H402.73L395.3 91.5699H432.25C445.62 91.5699 447.33 95.8499 447.33 99.5799C447.33 106.68 435.79 107.24 432.25 107.24H397.09V132.01H407.84V116.52H432.53L449.28 132.01H507.14C520.52 132.01 527.3 126.85 527.3 116.68C527.3 110.2 524.02 102.47 508.4 102.47H489.48C479.73 102.47 477.2 101.43 477.2 97.4099C477.2 94.8999 478.15 91.5699 486.33 91.5699H486.32Z" fill="#443B62"/>
|
||||
<path d="M544.59 122.44V111.26H579.44L586.25 102.47H544.59V91.5699H580.98L588.42 81.9399H533.83V132H581.33L588.79 122.44H544.59Z" fill="#443B62"/>
|
||||
<path d="M240.12 117.87L238.92 120.92L251.13 118.12L240.12 117.87Z" fill="#302B4B"/>
|
||||
<path d="M242.67 125.62C242.67 125.62 236.8 132.53 212.19 138.71L217.82 138.05L232.39 133.3L216.94 140.03L214.62 143.78L231.17 137.38L218.15 151.18L228.86 145.66L248.06 135.39L242.68 125.61L242.67 125.62Z" fill="url(#paint0_linear_20_2)"/>
|
||||
<path d="M275.02 142.26L281.91 129.76L298.35 107.99L305.32 95.1604L323.12 72.0104L342.46 48.4403L344.29 47.1104L278.87 171.71L276.82 175.62L273.73 178.7L275.74 158.77L275.02 142.26Z" fill="url(#paint1_linear_20_2)"/>
|
||||
<path d="M258.83 112.9L250.07 117.51L274.59 170.18L275.74 158.77L275.02 142.26L261.18 111.41L258.83 112.9Z" fill="url(#paint2_linear_20_2)"/>
|
||||
<path d="M273.73 178.7H273.07L270.13 175.53L238.92 120.92L250.45 118.12L274.59 170.18L273.73 178.7Z" fill="url(#paint3_linear_20_2)"/>
|
||||
<path d="M274.59 170.18L305.32 95.1602L281.91 129.76L275.02 142.26L274.59 170.18Z" fill="url(#paint4_linear_20_2)"/>
|
||||
<path d="M242.28 126.25C242.28 126.25 236.48 133 212.19 139.02L217.75 138.37L232.13 133.74L216.87 140.31L214.58 143.97L230.92 137.73L218.06 151.19L228.63 145.81L247.58 135.79L242.27 126.25H242.28Z" fill="url(#paint5_linear_20_2)"/>
|
||||
<path d="M243.11 127.51C243.11 127.51 240.53 133.24 214.58 143.7C213.73 144.2 231.26 137.21 231.26 137.21L218.14 151.19L228.92 145.6L247.59 135.55L243.11 127.51Z" fill="url(#paint6_linear_20_2)"/>
|
||||
<path d="M241.72 53.1302L220.69 33.3402C220.69 33.3402 202.39 14.0502 198.31 8.43018L195.88 15.0402C195.88 15.0402 196.54 21.4302 209 38.7402C209 38.7402 223.77 51.6402 230.16 55.2702L241.71 63.2102V53.1202L241.72 53.1302Z" fill="url(#paint7_linear_20_2)"/>
|
||||
<path d="M241.72 53.1302L220.69 33.3402C220.69 33.3402 202.39 14.0502 198.31 8.43018C198.31 8.43018 197.33 11.1002 196.61 13.0702C206.14 32.4602 241.72 58.9202 241.72 58.9202V53.1302Z" fill="#6765AD"/>
|
||||
<path d="M209.01 38.3201C216.65 46.4701 241.72 62.7901 241.72 62.7901L243.37 71.5901C238.18 71.5601 226.05 66.7101 213.72 57.3501C201.39 47.9801 198.32 35.4001 198.32 35.4001L199.21 29.1401L209.01 38.3301V38.3201Z" fill="#6765AD"/>
|
||||
<path d="M231.21 111.41C231.21 111.41 242.69 115.16 255.99 106.89L259.71 114.74C258.22 115.5 256.74 116.26 255.25 117.01C252.67 118.32 248.05 119.71 242.52 119.49C238.95 119.15 234.88 118.14 232.66 115.08C231.87 114 231.4 112.73 231.21 111.41Z" fill="url(#paint8_linear_20_2)"/>
|
||||
<path d="M253.42 101.45L255.99 106.9C255.99 106.9 243.14 116.2 227.43 110.16L229.08 105.55C229.08 105.55 243.06 109.22 253.43 101.45H253.42Z" fill="url(#paint9_linear_20_2)"/>
|
||||
<path d="M230.61 103.67L228.85 104.22L229.07 105.54C229.07 105.54 241.62 109.65 253.42 101.44C253.42 101.44 246.21 105.87 230.61 103.67Z" fill="#6765AD"/>
|
||||
<path d="M250.38 94.4004C250.38 94.4004 241.48 98.5304 220.28 94.4004C220.28 94.4004 220.83 100.05 230.61 103.67C230.61 103.67 242.61 106.35 253.42 101.44L250.39 94.4004H250.38Z" fill="url(#paint10_linear_20_2)"/>
|
||||
<path d="M247.59 87.11C247.59 87.11 227.09 88.21 212.81 82.21C212.81 82.21 214.57 91.49 228.3 95.16C228.3 95.16 239.07 97.76 250.38 94.4L247.59 87.11Z" fill="url(#paint11_linear_20_2)"/>
|
||||
<path d="M220.98 96.3904C220.98 96.3904 233.49 101.92 250.71 95.1604L250.38 94.4004C250.38 94.4004 241.26 98.3204 220.28 94.4004L220.98 96.3904Z" fill="#6765AD"/>
|
||||
<path d="M248.05 88.3802C248.05 88.3802 231.33 91.5002 213.84 84.8702L212.81 82.2002C212.81 82.2002 222.75 87.7402 247.59 87.1002L248.04 88.3702L248.05 88.3802Z" fill="#6765AD"/>
|
||||
<path d="M245.02 79.35C245.02 79.35 232.32 79.9 205.5 67.29C205.57 67.32 205.64 68.08 205.66 68.16C205.85 68.98 206.13 69.78 206.45 70.55C207.65 73.41 209.54 75.94 211.75 78.1C216.4 82.66 222.32 85.05 228.66 86.06C234.91 87.06 241.28 87.28 247.6 87.11L245.03 79.35H245.02Z" fill="url(#paint12_linear_20_2)"/>
|
||||
<path d="M245.02 79.35C245.02 79.35 232.32 79.9 205.5 67.29C205.5 67.29 204.47 68.33 216.33 75.43C216.33 75.43 230.12 81.34 245.68 81.32L245.03 79.35H245.02Z" fill="#6765AD"/>
|
||||
<path d="M243.36 72.0201C243.36 72.0201 232.76 70.2401 201.71 50.3701V55.2801C201.71 55.2801 204.88 65.8701 217.65 72.0201C217.65 72.0201 232.63 79.0301 245.01 79.3601L243.36 72.0201Z" fill="url(#paint13_linear_20_2)"/>
|
||||
<path d="M243.36 72.0201C243.36 72.0201 232.76 70.2401 201.71 50.3701V53.2301C201.71 53.2301 214.35 66.5601 243.84 74.1701L243.35 72.0101L243.36 72.0201Z" fill="#6765AD"/>
|
||||
<path d="M305.32 95.1603C305.32 95.0003 297.45 106.84 296.36 108C291.9 112.75 284.19 118.78 268.39 129.18L274.94 142.56C274.94 142.56 296.37 115.65 305.31 95.1603H305.32Z" fill="#34304B"/>
|
||||
<path d="M292.22 115.65C292.22 115.65 282.9 125.97 270.86 133.86L274.87 142.34L292.22 115.65Z" fill="url(#paint14_linear_20_2)"/>
|
||||
<path d="M208.8 45.8504C213.73 52.4004 242.56 67.6504 242.56 67.6504L243.36 72.0104C238.17 71.9804 213.71 57.7704 213.71 57.7704C201.38 48.4004 198.31 35.8204 198.31 35.8204L198.51 34.4204L208.79 45.8404L208.8 45.8504Z" fill="url(#paint15_linear_20_2)"/>
|
||||
<path d="M241.72 49.5903C241.99 49.8403 241.37 52.8403 241.32 53.3903C241.17 54.9303 241.05 56.4703 240.98 58.0203C240.84 61.0103 240.91 64.0103 241.34 66.9703C242.17 72.8203 243.33 78.6803 245.47 84.2003C245.47 84.2003 250.58 97.3903 257.11 110.03C257.11 110.03 268.54 133.26 270.18 134.97C270.18 134.97 281.41 126.24 284.18 123.54C284.18 123.54 296.46 111.89 300.16 101.46C300.16 101.46 303.57 93.0103 304.28 89.9603C304.28 89.9603 307.62 74.1303 308.33 73.4203C308.33 73.4203 309.96 66.3203 317.42 63.1903L329.49 57.7203C329.49 57.7203 320.54 59.5003 317.35 59.5003C317.35 59.5003 311.03 59.2903 309.68 59.0003C309.68 59.0003 305.77 56.3703 301.44 58.1503C301.44 58.1503 295.33 59.0003 292.63 68.7303C291.46 72.9403 290.48 77.1403 288.16 81.0203C287.29 82.4803 284.46 88.4703 282.54 88.4703C278.22 85.5403 273.67 82.9303 269.65 79.5803C266.12 76.6303 262.84 73.2403 259.64 69.9303C258.23 68.4703 255.85 66.5603 255.2 64.5403C254.36 61.9103 246.99 54.4103 241.73 49.6003L241.72 49.5903Z" fill="url(#paint16_linear_20_2)"/>
|
||||
<path d="M241.72 49.5903C241.99 49.8403 241.37 52.8403 241.32 53.3903C241.17 54.9303 241.05 56.4703 240.98 58.0203C240.84 61.0103 240.91 64.0103 241.34 66.9703C242.17 72.8203 243.33 78.6803 245.47 84.2003C245.47 84.2003 250.58 97.3903 257.11 110.03C257.11 110.03 268.54 133.26 270.18 134.97C270.18 134.97 281.41 126.24 284.18 123.54C284.18 123.54 296.46 111.89 300.16 101.46C300.16 101.46 303.57 93.0103 304.28 89.9603C304.28 89.9603 307.62 74.1303 308.33 73.4203C308.33 73.4203 309.96 66.3203 317.42 63.1903L329.49 57.7203C329.49 57.7203 320.54 59.5003 317.35 59.5003C317.35 59.5003 311.03 59.2903 309.68 59.0003C309.68 59.0003 305.77 56.3703 301.44 58.1503C301.44 58.1503 295.33 59.0003 292.63 68.7303C291.46 72.9403 290.48 77.1403 288.16 81.0203C287.29 82.4803 284.46 88.4703 282.54 88.4703C278.22 85.5403 273.67 82.9303 269.65 79.5803C266.12 76.6303 262.84 73.2403 259.64 69.9303C258.23 68.4703 255.85 66.5603 255.2 64.5403C254.36 61.9103 246.99 54.4103 241.73 49.6003L241.72 49.5903Z" fill="url(#paint17_linear_20_2)"/>
|
||||
<path d="M241.41 49.3003C241.68 49.5503 240.76 52.9503 240.71 53.4903C240.57 55.0303 240.46 56.5803 240.4 58.1203C240.29 61.1103 240.38 64.1103 240.82 67.0703C241.69 72.9103 242.89 78.7603 245.07 84.2703C245.07 84.2703 250.27 97.4203 256.9 110.02C256.9 110.02 268.73 133.51 270.38 135.2C270.38 135.2 281.32 126.05 284.07 123.33C284.07 123.33 253.3 66.5903 252.64 64.5803C251.78 61.9603 246.7 54.0803 241.4 49.3003H241.41Z" fill="#302B4B"/>
|
||||
<path d="M297.38 106.89C297.38 106.89 301.97 98.8402 304.26 89.9502C304.26 89.9502 307.6 74.1202 308.31 73.4102C308.31 73.4102 309.94 66.3102 317.4 63.1802L329.47 57.7102C329.47 57.7102 320.52 59.4902 317.33 59.4902C317.33 59.4902 311.01 59.2802 309.66 58.9902C309.66 58.9902 305.75 56.3602 301.42 58.1402C301.42 58.1402 295.31 58.9902 292.61 68.7202C291.87 72.2202 291.02 75.9202 289.42 79.1302C288.93 80.1202 288.18 81.0002 287.56 81.9302C286.35 83.7402 285.29 85.6502 283.89 87.3202C283.39 87.9102 282.69 88.2802 282.23 88.8302C282 89.1102 281.81 89.4402 281.65 89.7602C281.59 89.8702 281.54 89.9802 281.54 90.1102C281.54 90.2102 281.58 90.3102 281.61 90.4102C283.42 95.0702 285.23 99.6002 287.58 104.04C290.39 105.11 293.64 106.07 297.37 106.9L297.38 106.89Z" fill="url(#paint18_linear_20_2)"/>
|
||||
<path d="M330.16 57.5C330.16 57.5 309.48 60.37 305.32 69.18C305.32 69.18 304.03 70.23 301.64 86.6C301.64 86.6 297.91 106.13 297.39 106.9C297.39 106.9 301.24 100.75 302.25 96.02L304.26 89.96C304.26 89.96 307.44 72.78 308.66 72.32C308.66 72.32 310.2 65.5 320.8 61.65L330.16 57.51V57.5Z" fill="url(#paint19_linear_20_2)"/>
|
||||
<path d="M309.65 58.9902L299.61 63.6102L317.69 59.4802L309.65 58.9902Z" fill="url(#paint20_linear_20_2)"/>
|
||||
<path d="M241.72 49.5903C241.72 54.3903 240.69 61.4303 242.1 69.4403C243.5 77.4503 246.49 85.6503 250.71 95.1603C254.86 104.5 258.97 111.76 263.78 120.77C265.41 123.81 267.05 126.85 268.77 129.84C269.52 131.15 271.29 133.95 271.29 133.95C271.29 133.95 270.99 134.71 279.06 128.28C287.13 121.85 291.53 118.11 297.57 106.89C297.52 107.1 292.64 105.7 292.37 105.61C287.93 104.25 283.66 102.28 279.73 99.8003C272.57 95.3003 267.19 87.8403 262.74 80.7503C259.57 75.7003 256.93 70.2703 255.28 64.5303C254.44 61.9003 247.02 54.4003 241.72 49.5903Z" fill="url(#paint21_linear_20_2)"/>
|
||||
<path d="M247.31 87.1003C247.31 87.1003 252.72 101.45 263.78 120.78C265.49 123.77 267.05 126.86 268.77 129.85C269.52 131.16 271.29 133.96 271.29 133.96C271.29 133.96 270.99 134.72 279.06 128.29C287.13 121.86 291.53 118.12 297.57 106.9C297.52 107.11 292.64 105.71 292.37 105.62C287.93 104.26 283.66 102.29 279.73 99.8102C272.57 95.3102 267.19 87.8503 262.74 80.7603C258.18 85.6703 247.31 87.1003 247.31 87.1003Z" fill="url(#paint22_linear_20_2)"/>
|
||||
<path d="M256.3 106.74C256.3 106.74 267.06 126.85 268.77 129.84C269.52 131.15 271.38 134.23 271.38 134.23C271.38 134.23 270.99 134.72 279.06 128.29C287.13 121.86 291.53 118.12 297.57 106.9C297.52 107.11 292.65 105.69 292.37 105.62C283.52 103.35 276.2 97.2603 276.2 97.2603L256.29 106.75L256.3 106.74Z" fill="url(#paint23_linear_20_2)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_20_2" x1="212.19" y1="138.4" x2="248.05" y2="138.4" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.26" stop-color="#302B4B"/>
|
||||
<stop offset="0.47" stop-color="#4B466E"/>
|
||||
<stop offset="0.83" stop-color="#766FA6"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_20_2" x1="266.8" y1="182.27" x2="336.43" y2="39.9604" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_20_2" x1="260.74" y1="169.21" x2="264.76" y2="111.66" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E6E4F2"/>
|
||||
<stop offset="0.71" stop-color="#CDCAE5"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_20_2" x1="238.92" y1="148.41" x2="274.59" y2="148.41" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.07" stop-color="#8780BC"/>
|
||||
<stop offset="0.28" stop-color="#938DC3"/>
|
||||
<stop offset="0.65" stop-color="#B5B1D7"/>
|
||||
<stop offset="1" stop-color="#DAD8EC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_20_2" x1="285.47" y1="186.08" x2="293.35" y2="73.0202" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.14" stop-color="#DDDBEC"/>
|
||||
<stop offset="0.3" stop-color="#BEBADA"/>
|
||||
<stop offset="0.46" stop-color="#A5A0CD"/>
|
||||
<stop offset="0.63" stop-color="#948EC3"/>
|
||||
<stop offset="0.8" stop-color="#8A83BD"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_20_2" x1="212.19" y1="138.72" x2="247.59" y2="138.72" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E6E4F2"/>
|
||||
<stop offset="0.71" stop-color="#CDCAE5"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_20_2" x1="234.65" y1="130.23" x2="228.14" y2="147.36" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.26" stop-color="#302B4B"/>
|
||||
<stop offset="0.47" stop-color="#4B466E"/>
|
||||
<stop offset="0.83" stop-color="#766FA6"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_20_2" x1="195.89" y1="35.8202" x2="241.72" y2="35.8202" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_20_2" x1="231.21" y1="113.21" x2="259.7" y2="113.21" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_20_2" x1="227.42" y1="106.82" x2="255.98" y2="106.82" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_20_2" x1="220.28" y1="99.4004" x2="253.42" y2="99.4004" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_20_2" x1="212.81" y1="89.17" x2="250.38" y2="89.17" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_20_2" x1="205.49" y1="77.23" x2="247.59" y2="77.23" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_20_2" x1="201.72" y1="64.8601" x2="245.02" y2="64.8601" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint14_linear_20_2" x1="281.61" y1="117.11" x2="281.42" y2="138.85" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.26" stop-color="#302B4B"/>
|
||||
<stop offset="0.47" stop-color="#4B466E"/>
|
||||
<stop offset="0.83" stop-color="#766FA6"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint15_linear_20_2" x1="198.32" y1="53.2304" x2="245.67" y2="53.2304" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint16_linear_20_2" x1="240.91" y1="92.2803" x2="329.47" y2="92.2803" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.07" stop-color="#8780BC"/>
|
||||
<stop offset="1" stop-color="#9089C2"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint17_linear_20_2" x1="240.91" y1="92.2803" x2="329.47" y2="92.2803" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E6E4F2"/>
|
||||
<stop offset="0.71" stop-color="#CDCAE5"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint18_linear_20_2" x1="281.54" y1="82.2102" x2="329.47" y2="82.2102" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.11" stop-color="#EBEAF4"/>
|
||||
<stop offset="0.4" stop-color="#C0BCDC"/>
|
||||
<stop offset="0.65" stop-color="#A19BCA"/>
|
||||
<stop offset="0.86" stop-color="#8D87BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint19_linear_20_2" x1="312.88" y1="108.19" x2="315.33" y2="36.19" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.19" stop-color="#CECCE4"/>
|
||||
<stop offset="0.38" stop-color="#A29ECC"/>
|
||||
<stop offset="0.55" stop-color="#827DBA"/>
|
||||
<stop offset="0.7" stop-color="#6F69AF"/>
|
||||
<stop offset="0.79" stop-color="#6862AC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint20_linear_20_2" x1="299.61" y1="61.3002" x2="317.69" y2="61.3002" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.26" stop-color="#302B4B"/>
|
||||
<stop offset="0.47" stop-color="#4B466E"/>
|
||||
<stop offset="0.83" stop-color="#766FA6"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint21_linear_20_2" x1="269.89" y1="116.41" x2="268.58" y2="16.0303" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.41" stop-color="#D0CDE4"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint22_linear_20_2" x1="279.03" y1="116.22" x2="250.44" y2="32.8102" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.04" stop-color="#F2F1F8"/>
|
||||
<stop offset="0.14" stop-color="#D4D1E7"/>
|
||||
<stop offset="0.25" stop-color="#BBB7D9"/>
|
||||
<stop offset="0.37" stop-color="#A8A3CF"/>
|
||||
<stop offset="0.51" stop-color="#9B94C7"/>
|
||||
<stop offset="0.68" stop-color="#938CC3"/>
|
||||
<stop offset="0.95" stop-color="#918AC2"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint23_linear_20_2" x1="265.16" y1="72.3103" x2="279.88" y2="115.44" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.21" stop-color="#D8D6E9"/>
|
||||
<stop offset="0.45" stop-color="#B5B1D5"/>
|
||||
<stop offset="0.66" stop-color="#9B96C7"/>
|
||||
<stop offset="0.85" stop-color="#8C85BF"/>
|
||||
<stop offset="1" stop-color="#8780BC"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 20 KiB |
@ -64,13 +64,13 @@ export default function Example() {
|
||||
<div className="lg:max-w-lg">
|
||||
<h2 className="text-base font-medium font-mono leading-7 text-purple-600">Features</h2>
|
||||
<p className="mt-2 font-display text-3xl font-semibold tracking-tighter font-gradient sm:text-5xl">The Future of Communication</p>
|
||||
<p className="mt-6 text-lg leading-8 text-gray-600">
|
||||
<p className="mt-6 text-lg leading-8 text-purple-600">
|
||||
OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
|
||||
</p>
|
||||
<dl className="mt-6 max-w-xl space-y-8 text-base leading-7 text-gray-600 lg:max-w-none">
|
||||
<dl className="mt-6 max-w-xl space-y-8 text-base leading-7 text-purple-600 lg:max-w-none">
|
||||
{features.map((feature) => (
|
||||
<div key={feature.name} className="relative pl-9">
|
||||
<dt className="inline font-semibold text-gray-900">
|
||||
<dt className="inline font-semibold text-purple-900">
|
||||
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-indigo-600" />
|
||||
{feature.name}
|
||||
</dt>{' '}
|
||||
@ -87,7 +87,7 @@ export default function Example() {
|
||||
src={carouselImages[currentIndex]}
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -135,11 +135,11 @@ const posts = [
|
||||
|
||||
export default function Casestudies() {
|
||||
return (
|
||||
<div className="bg-white py-24 sm:py-32">
|
||||
<div className="bg-gradient-to-b from-purple-50/70 to-purple-50/5 lg:py-20 py-32">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl text-center">
|
||||
<h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Case Studies</h2>
|
||||
<p className="mt-2 text-lg leading-8 text-gray-600">
|
||||
<h2 className="text-3xl font-bold tracking-tight font-gradient sm:text-4xl">Case Studies</h2>
|
||||
<p className="mt-2 text-lg leading-8 text-purple-600">
|
||||
Discover how OurVerse uniquely addresses challenges and fosters innovation with specific, real-world applications of our technology.
|
||||
</p>
|
||||
</div>
|
||||
@ -147,13 +147,13 @@ const posts = [
|
||||
{posts.map((post) => (
|
||||
<article
|
||||
key={post.id}
|
||||
className="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-gray-900 px-8 pb-8 pt-80 sm:pt-48 lg:pt-80"
|
||||
className="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-purple-900 px-8 pb-8 pt-80 sm:pt-48 lg:pt-80"
|
||||
>
|
||||
<img alt="" src={post.imageUrl} className="absolute inset-0 -z-10 h-full w-full object-cover" />
|
||||
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900/40" />
|
||||
<div className="absolute inset-0 -z-10 rounded-2xl ring-1 ring-inset ring-gray-900/10" />
|
||||
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-purple-900 via-purple-900/40" />
|
||||
<div className="absolute inset-0 -z-10 rounded-2xl ring-1 ring-inset ring-purple-900/10" />
|
||||
|
||||
<div className="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm leading-6 text-gray-300">
|
||||
<div className="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm leading-6 text-purple-300">
|
||||
<time dateTime={post.datetime} className="mr-8">
|
||||
{post.type}
|
||||
</time>
|
||||
|
||||
@ -4,22 +4,22 @@ const features = [
|
||||
{
|
||||
name: 'Real-Time Collaboration.',
|
||||
description:
|
||||
'Work together seamlessly in real-time worldwide, bringing ideas to life instantly.',
|
||||
'Brainstorm, create, and innovate together—no matter where you are in the world.',
|
||||
icon: CloudArrowUpIcon,
|
||||
},
|
||||
{
|
||||
name: 'Interactive 3D Whiteboards.',
|
||||
description: 'Use advanced 3D whiteboards to brainstorm, visualize concepts, and plan projects interactively.',
|
||||
description: 'Doodle, sketch, and map out projects with advanced 3D whiteboards that make brainstorming fun and interactive.',
|
||||
icon: LockClosedIcon,
|
||||
},
|
||||
{
|
||||
name: '3D Creation Tools.',
|
||||
description: 'Design and build complex 3D models with intuitive tools that make creation as natural as drawing.',
|
||||
description: 'Design, build, and shape your vision using intuitive 3D tools—creating feels as easy as sketching on paper.',
|
||||
icon: ServerIcon,
|
||||
},
|
||||
{
|
||||
name: 'Dynamic Interactions.',
|
||||
description: 'Engage with your team in a virtual space that responds and adapts to your creative workflow.',
|
||||
description: 'Dive into a virtual space that adapts to your workflow, letting your creativity flow naturally.',
|
||||
icon: ServerIcon,
|
||||
},
|
||||
]
|
||||
@ -33,7 +33,7 @@ export default function Collaborate() {
|
||||
<div className="lg:max-w-lg">
|
||||
<p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">Creative Collaboration</p>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-900">
|
||||
Empower your team to create and innovate together in an immersive virtual environment.
|
||||
Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
|
||||
</p>
|
||||
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
|
||||
{features.map((feature) => (
|
||||
@ -55,7 +55,7 @@ export default function Collaborate() {
|
||||
src="/images/collaborate.jpg"
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -15,7 +15,7 @@ export default function Commevents() {
|
||||
<div className="absolute inset-x-0 bottom-0 rounded-bl-lg rounded-br-lg bg-black bg-opacity-75 p-6 backdrop-blur backdrop-filter sm:flex sm:items-center sm:justify-between lg:inset-x-auto lg:inset-y-0 lg:w-96 lg:flex-col lg:items-start lg:rounded-br-none lg:rounded-tl-lg">
|
||||
<div>
|
||||
<h2 className="text-xl font-bold text-white">Workspace Collection</h2>
|
||||
<p className="mt-1 text-sm text-gray-300">
|
||||
<p className="mt-1 text-sm text-purple-300">
|
||||
Upgrade your desk with objects that keep you organized and clear-minded.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -16,41 +16,40 @@ const supportLinks = [
|
||||
href: '#',
|
||||
icon: NewspaperIcon,
|
||||
},
|
||||
{
|
||||
name: 'Media Inquiries',
|
||||
href: '#',
|
||||
icon: NewspaperIcon,
|
||||
},
|
||||
]
|
||||
|
||||
export default function Communhero() {
|
||||
return (
|
||||
<div className="bg-white mb-32">
|
||||
{/* Header */}
|
||||
<div className="relative bg-gray-800 pb-40">
|
||||
<div className="absolute inset-0">
|
||||
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
|
||||
{/* Background image with lower z-index */}
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1920&q=60&&sat=-100"
|
||||
className="h-full w-full object-cover"
|
||||
src="/images/bgimage2.jpg"
|
||||
className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
|
||||
/>
|
||||
<div aria-hidden="true" className="absolute inset-0 bg-gray-800 mix-blend-multiply" />
|
||||
</div>
|
||||
<div className="relative mx-auto max-w-7xl px-6 py-24 lg:px-8">
|
||||
<h1 className="mt-8 text-3xl font-medium tracking-tight text-white lg:text-4xl">Community</h1>
|
||||
<p className="mt-6 max-w-3xl text-xl text-gray-300">
|
||||
Together we are shaping the future of immersive virtual environments, powered by cutting-edge technology and innovative collaborations.
|
||||
Join OurVerse and be a part of creating new realities.
|
||||
|
||||
{/* Gradient overlay with a slightly higher z-index */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
|
||||
|
||||
{/* Content container with a higher z-index */}
|
||||
<div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
|
||||
Exploring Impactful Use Cases from Real-life Applications
|
||||
</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-50">
|
||||
Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation,
|
||||
and economic empowerment with specific, real-world applications of our technology.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Overlapping cards */}
|
||||
<section aria-labelledby="contact-heading" className="relative z-10 mx-auto -mt-60 max-w-2xl px-6 lg:mx-20">
|
||||
<section aria-labelledby="contact-heading" className="relative z-10 mx-auto max-w-2xl px-6 lg:mx-20">
|
||||
<div className="flex flex-wrap justify-start gap-x-10 gap-y-6 leading-7">
|
||||
{supportLinks.slice(0, 4).map((link, index) => ( // Assuming you only want to show 4 icons
|
||||
<div key={link.name} className="px-0 pb-8 pt-16">
|
||||
<div className="relative top-0 left-0 -translate-y-1/2 rounded-xl bg-indigo-600 p-5 shadow-lg">
|
||||
{supportLinks.map((link, index) => (
|
||||
<div className="px-0 pb-8 pt-16" key={index}>
|
||||
<div className="relative top-0 left-0 -translate-y-1/2 rounded-xl social-gradient p-5 shadow-lg">
|
||||
<link.icon aria-hidden="true" className="h-4 w-4 text-white" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -54,7 +54,7 @@ export default function Communicate() {
|
||||
src="/images/communicate.jpg"
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -54,7 +54,7 @@ export default function Eventmgmt() {
|
||||
src="/images/collaborate.jpg"
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -83,7 +83,7 @@ import {
|
||||
<div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
|
||||
{products.map((product) => (
|
||||
<div key={product.id} className="group relative">
|
||||
<div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-gray-100">
|
||||
<div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-purple-100">
|
||||
<img alt={product.imageAlt} src={product.imageSrc} className="object-cover object-center" />
|
||||
<div aria-hidden="true" className="flex items-end p-4 opacity-100 group-hover:opacity-100">
|
||||
<div className="w-full rounded-md bg-white bg-opacity-75 px-4 py-2 text-center text-sm font-medium text-purple-700 backdrop-blur backdrop-filter">
|
||||
|
||||
@ -2,7 +2,7 @@ import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/20/soli
|
||||
|
||||
export default function Featurehero() {
|
||||
return (
|
||||
<div className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
|
||||
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
|
||||
<img
|
||||
alt=""
|
||||
src="/images/bgimage.jpg"
|
||||
@ -17,8 +17,8 @@ export default function Featurehero() {
|
||||
</div>
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 className="lg:text-6xl font-semibold tracking-tight text-white text-4xl">The Future of Collaboration</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-gray-300">
|
||||
<h2 className="lg:text-6xl font-semibold tracking-tight text-white text-xl">The Future of Collaboration</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-300">
|
||||
Unlock the future of communication and collaboration inside immersive virtual environments.
|
||||
OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
|
||||
</p>
|
||||
|
||||
@ -75,7 +75,7 @@ export default function Featureshome() {
|
||||
height={20}
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-gray-200" />
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-purple-200" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)" width={404} height={784} />
|
||||
@ -94,7 +94,7 @@ export default function Featureshome() {
|
||||
<div className="relative">
|
||||
<h2 className="text-base font-medium font-mono leading-7 text-purple-700">Features</h2>
|
||||
<h3 className="text-2xl font-bold tracking-tight text-purple-700 sm:text-3xl">Collaboration & Creation Tools</h3>
|
||||
<p className="mt-3 text-lg text-gray-500">
|
||||
<p className="mt-3 text-lg text-purple-500">
|
||||
Transform how you and your team work together with our innovative, real-time creative tools.
|
||||
</p>
|
||||
|
||||
@ -107,7 +107,7 @@ export default function Featureshome() {
|
||||
</div>
|
||||
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
|
||||
</dt>
|
||||
<dd className="ml-16 mt-2 text-base text-gray-500">{item.description}</dd>
|
||||
<dd className="ml-16 mt-2 text-base text-purple-500">{item.description}</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
@ -130,7 +130,7 @@ export default function Featureshome() {
|
||||
height={20}
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-gray-200" />
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-purple-200" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" width={784} height={404} />
|
||||
@ -161,7 +161,7 @@ export default function Featureshome() {
|
||||
height={20}
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-gray-200" />
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-purple-200" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" width={404} height={784} />
|
||||
@ -181,7 +181,7 @@ export default function Featureshome() {
|
||||
</div>
|
||||
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
|
||||
</dt>
|
||||
<dd className="ml-16 mt-2 text-base text-gray-500">{item.description}</dd>
|
||||
<dd className="ml-16 mt-2 text-base text-purple-500">{item.description}</dd>
|
||||
</div>
|
||||
))}
|
||||
<div className="mt-6">
|
||||
@ -214,7 +214,7 @@ export default function Featureshome() {
|
||||
height={20}
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-gray-200" />
|
||||
<rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-purple-200" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect fill="url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)" width={784} height={404} />
|
||||
|
||||
@ -1,12 +1,14 @@
|
||||
import { Container } from '@/components/Container'
|
||||
import { Logo } from '@/components/Logo'
|
||||
|
||||
|
||||
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer className="flex-none py-16">
|
||||
<Container className="flex flex-col items-center justify-between md:flex-row">
|
||||
<Logo className="h-12 w-auto text-slate-900" />
|
||||
<p className="mt-6 text-base text-slate-500 md:mt-0">
|
||||
<p className="mt-6 text-base text-slxate-500 md:mt-0">
|
||||
Copyright © {new Date().getFullYear()} OurVerse, LLC. All
|
||||
rights reserved.
|
||||
</p>
|
||||
|
||||
180
src/components/Footer2.jsx
Normal file
180
src/components/Footer2.jsx
Normal file
@ -0,0 +1,180 @@
|
||||
import { Logo } from '@/components/Logo'
|
||||
|
||||
const navigation = {
|
||||
solutions: [
|
||||
{ name: 'Marketing', href: '#' },
|
||||
{ name: 'Analytics', href: '#' },
|
||||
{ name: 'Commerce', href: '#' },
|
||||
{ name: 'Insights', href: '#' },
|
||||
],
|
||||
support: [
|
||||
{ name: 'Pricing', href: '#' },
|
||||
{ name: 'Documentation', href: '#' },
|
||||
{ name: 'Guides', href: '#' },
|
||||
{ name: 'API Status', href: '#' },
|
||||
],
|
||||
company: [
|
||||
{ name: 'About', href: '#' },
|
||||
{ name: 'Blog', href: '#' },
|
||||
{ name: 'Jobs', href: '#' },
|
||||
{ name: 'Press', href: '#' },
|
||||
{ name: 'Partners', href: '#' },
|
||||
],
|
||||
legal: [
|
||||
{ name: 'Claim', href: '#' },
|
||||
{ name: 'Privacy', href: '#' },
|
||||
{ name: 'Terms', href: '#' },
|
||||
],
|
||||
social: [
|
||||
{
|
||||
name: 'Facebook',
|
||||
href: '#',
|
||||
icon: (props) => (
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: 'Instagram',
|
||||
href: '#',
|
||||
icon: (props) => (
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: 'X',
|
||||
href: '#',
|
||||
icon: (props) => (
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
|
||||
<path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: 'GitHub',
|
||||
href: '#',
|
||||
icon: (props) => (
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: 'YouTube',
|
||||
href: '#',
|
||||
icon: (props) => (
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<footer aria-labelledby="footer-heading" className="bg-white">
|
||||
<h2 id="footer-heading" className="sr-only">
|
||||
Footer
|
||||
</h2>
|
||||
<div className="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32">
|
||||
<div className="xl:grid xl:grid-cols-3 xl:gap-8">
|
||||
<div className="space-y-8">
|
||||
<img
|
||||
alt="Company name"
|
||||
src="/images/logofull.svg"
|
||||
className="h-10"
|
||||
/>
|
||||
<p className="text-sm leading-6 text-purple-600">
|
||||
A New, Vibrant Virtual World.
|
||||
</p>
|
||||
<div className="flex space-x-6">
|
||||
{navigation.social.map((item) => (
|
||||
<a key={item.name} href={item.href} className="text-purple-400 hover:text-purple-500">
|
||||
<span className="sr-only">{item.name}</span>
|
||||
<item.icon aria-hidden="true" className="h-6 w-6" />
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
|
||||
<div className="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Solutions</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.solutions.map((item) => (
|
||||
<li key={item.name}>
|
||||
<a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
|
||||
{item.name}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div className="mt-10 md:mt-0">
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Support</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.support.map((item) => (
|
||||
<li key={item.name}>
|
||||
<a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
|
||||
{item.name}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Company</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.company.map((item) => (
|
||||
<li key={item.name}>
|
||||
<a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
|
||||
{item.name}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div className="mt-10 md:mt-0">
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Legal</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.legal.map((item) => (
|
||||
<li key={item.name}>
|
||||
<a href={item.href} className="text-sm leading-6 text-purple-600 hover:text-purple-900">
|
||||
{item.name}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-16 border-t border-purple-900/10 pt-8 sm:mt-20 lg:mt-24">
|
||||
<p className="text-xs leading-5 text-purple-500">© 2024 Ourworld Holdings, Inc. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
@ -37,7 +37,7 @@ export function Header() {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setMobileMenuOpen(true)}
|
||||
className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700"
|
||||
className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-purple-700"
|
||||
>
|
||||
<span className="sr-only">Open menu</span>
|
||||
<Bars3Icon aria-hidden="true" className="h-6 w-6" />
|
||||
@ -53,7 +53,7 @@ export function Header() {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setMobileMenuOpen(false)}
|
||||
className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700"
|
||||
className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-purple-700"
|
||||
>
|
||||
<span className="sr-only">Close menu</span>
|
||||
<XMarkIcon aria-hidden="true" className="h-6 w-6" />
|
||||
|
||||
@ -2,6 +2,44 @@ import { BackgroundImage } from '@/components/BackgroundImage'
|
||||
import { Button } from '@/components/Button'
|
||||
import { Container } from '@/components/Container'
|
||||
|
||||
const timeline = [
|
||||
{
|
||||
name: 'Early Online Collaboration',
|
||||
description:
|
||||
'In the early days, digital collaboration was limited to basic tools like email and simple chat platforms. Communication was often slow, and interactions were minimal, making it challenging for teams to work effectively across distances.',
|
||||
date: 'Phase I',
|
||||
dateTime: '2021-08',
|
||||
},
|
||||
{
|
||||
name: 'The Rise of Video Conferencing',
|
||||
description:
|
||||
'With the advent of video conferencing tools like Zoom and Microsoft Teams, people could interact face-to-face online. This brought teams closer, but still lacked the feeling of truly being together and required reliable internet access.',
|
||||
date: 'Phase II',
|
||||
dateTime: '2021-12',
|
||||
},
|
||||
{
|
||||
name: 'Persistent Barriers',
|
||||
description:
|
||||
'Despite technological advances, many still struggle to meet and collaborate due to lack of access to reliable tools or infrastructure. Geographic and economic limitations continue to hinder effective digital connection.',
|
||||
date: 'Phase III',
|
||||
dateTime: '2022-02',
|
||||
},
|
||||
{
|
||||
name: 'The OurVerse Solution',
|
||||
description:
|
||||
'OurVerse introduces a fully immersive metaverse platform that makes collaboration accessible to all. It offers real presence in virtual spaces, enabling dynamic interactions and creativity, regardless of location or technical constraints.',
|
||||
date: 'Phase IV',
|
||||
dateTime: '2022-12',
|
||||
},
|
||||
{
|
||||
name: 'Global launch of product',
|
||||
description:
|
||||
'Ut ipsa sint distinctio quod itaque nam qui. Possimus aut unde id architecto voluptatem hic aut pariatur velit.',
|
||||
date: 'Phase V',
|
||||
dateTime: '2022-12',
|
||||
},
|
||||
]
|
||||
|
||||
export function Hero() {
|
||||
return (
|
||||
<div className="relative lg:py-12 mt-20 pb-12 pt-12">
|
||||
@ -13,13 +51,15 @@ export function Hero() {
|
||||
</h1>
|
||||
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
|
||||
<p>
|
||||
OurVerse empowers users to build, manage, and monetize their unique virtual experiences
|
||||
by blending the latest advancements in blockchain technology with immersive virtual reality.
|
||||
OurVerse is redefining how we meet, collaborate, and create. As a fully immersive metaverse platform,
|
||||
it offers a space where virtual interactions feel real, engaging, and limitless.
|
||||
</p>
|
||||
<p>
|
||||
Our mission is to make the metaverse accessible to all, fostering a vibrant community
|
||||
where creativity, commerce, and collaboration thrive in a borderless, equitable digital space.
|
||||
Whether you're an individual, business, or community, OurVerse offers the tools and support to shape your digital future.
|
||||
<p>our mission is to break down the barriers to meaningful connection and collaboration.
|
||||
We believe that everyone, regardless of location or resources, should have access to immersive and engaging
|
||||
spaces where they can meet, create, and innovate together.
|
||||
</p>
|
||||
<p>Whether you want to build your own virtual world from scratch using your creativity or bring your wildest dreams to
|
||||
life with the help of our AI, OurVerse makes it possible.Transform your imagination into an immersive reality. Join Us.
|
||||
</p>
|
||||
</div>
|
||||
<dl className="mt-10 grid grid-cols-2 gap-x-10 gap-y-4 gap-x-16 gap-y-10 text-center lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none lg:justify-start lg:text-left">
|
||||
@ -38,6 +78,35 @@ export function Hero() {
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
<div className="pt-6 pb-24"></div>
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<h2 className="lg:text-4xl mb-8 font-semibold tracking-tight font-gradient text-xl">The Future of Collaboration</h2>
|
||||
<div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
|
||||
A journey through five transformative phases of digital collaboration, culminating in OurVerse—the immersive
|
||||
metaverse platform breaking down barriers and unlocking unlimited possibilities for global connection.
|
||||
</div>
|
||||
<div className="mx-auto grid max-w-2xl grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-5">
|
||||
{timeline.map((item) => (
|
||||
<div key={item.name}>
|
||||
<time
|
||||
dateTime={item.dateTime}
|
||||
className="flex items-center text-sm font-semibold leading-6 text-purple-600"
|
||||
>
|
||||
<svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
|
||||
<circle r={2} cx={2} cy={2} fill="currentColor" />
|
||||
</svg>
|
||||
{item.date}
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="absolute -ml-2 h-px w-screen -translate-x-full bg-purple-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0"
|
||||
/>
|
||||
</time>
|
||||
<p className="mt-6 text-lg font-semibold leading-6 tracking-tight text-purple-900">{item.name}</p>
|
||||
<p className="mt-4 text-sm leading-6 text-purple-600">{item.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -32,12 +32,14 @@ export function Homepage() {
|
||||
</div>
|
||||
</div>
|
||||
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter font-gradient lg:text-7xl text-5xl">
|
||||
A New, Vibrant Virtual World.
|
||||
The Future of Collaboration is Now.
|
||||
</h1>
|
||||
<div className="font-ethnocentric lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight text-purple-800">
|
||||
<p>Discover <span className='bg-gradient3 font-semibold'>OurVerse</span>, a new virtual space designed for everyone,
|
||||
where you can express yourself freely, build meaningful relationships,
|
||||
and explore endless possibilities in an environment that celebrates diversity and authenticity.</p>
|
||||
<p>At <span className='bg-gradient3 font-semibold'>OurVerse</span>, we go beyond traditional video calls.
|
||||
Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings
|
||||
and events feel real.</p>
|
||||
<p>Built on the decentralized ThreeFold Grid, we empower global collaboration with enhanced security,
|
||||
flexibility, and freedom.</p>
|
||||
</div>
|
||||
<div className="mt-10 pb-8 flex items-center gap-x-6">
|
||||
<a
|
||||
|
||||
@ -2,6 +2,7 @@ import { Footer } from '@/components/Footer'
|
||||
import { Newsletter } from '@/components/Newsletter'
|
||||
import Banner from '@/components/Banner'
|
||||
import { Header } from '@/components/Header'
|
||||
import Footer2 from './Footer2'
|
||||
|
||||
export function Layout({ children, showFooter = true }) {
|
||||
return (
|
||||
@ -10,7 +11,7 @@ export function Layout({ children, showFooter = true }) {
|
||||
<Banner />
|
||||
<main className="flex-auto">{children}</main>
|
||||
<Newsletter />
|
||||
{showFooter && <Footer />}
|
||||
{showFooter && <Footer2 />}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -54,7 +54,7 @@ export default function Studio() {
|
||||
src="/images/communicate.jpg"
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,72 +1,38 @@
|
||||
const links = [
|
||||
{ name: 'Dive Deeper into Our Impact', href: '#' },
|
||||
]
|
||||
const stats = [
|
||||
{ name: '3D Assets', value: '100000+' },
|
||||
{ name: 'Users Worldwide', value: '5000+' },
|
||||
{ name: 'Metaverses', value: '2000+' },
|
||||
{ name: 'Countries', value: '15' },
|
||||
]
|
||||
|
||||
export default function Usecases() {
|
||||
export default function Usecases() {
|
||||
return (
|
||||
<div className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
|
||||
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
|
||||
{/* Background image with lower z-index */}
|
||||
<img
|
||||
alt=""
|
||||
src="/images/bg2.jpg"
|
||||
className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
|
||||
src="/images/bgimage2.jpg"
|
||||
className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
|
||||
/>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl"
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
clipPath:
|
||||
'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
|
||||
}}
|
||||
className="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="absolute -top-52 left-1/2 -z-10 -translate-x-1/2 transform-gpu blur-3xl sm:top-[-28rem] sm:ml-16 sm:translate-x-0 sm:transform-gpu"
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
clipPath:
|
||||
'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
|
||||
}}
|
||||
className="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20"
|
||||
/>
|
||||
</div>
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
|
||||
{/* Gradient overlay with a slightly higher z-index */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
|
||||
|
||||
{/* Content container with a higher z-index */}
|
||||
<div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 className="mt-2 text-3xl font-medium tracking-tight text-white sm:text-4xl">Exploring impactful use cases from real-life applications</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-gray-300">
|
||||
<h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
|
||||
Exploring Impactful Use Cases from Real-life Applications
|
||||
</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-50">
|
||||
Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation,
|
||||
and economic empowerment with specific, real-world applications of our technology.
|
||||
</p>
|
||||
</div>
|
||||
<div className="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none">
|
||||
<div className="grid grid-cols-1 gap-x-8 gap-y-6 text-base font-semibold leading-7 text-white sm:grid-cols-2 md:flex lg:gap-x-10">
|
||||
{links.map((link) => (
|
||||
<a key={link.name} href={link.href}>
|
||||
{link.name} <span aria-hidden="true">→</span>
|
||||
|
||||
<div className="mt-10 pb-8 flex items-center gap-x-6">
|
||||
<a
|
||||
href="#"
|
||||
className="rounded-2xl btn-gradient px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
|
||||
>
|
||||
Join OurVerse
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
<dl className="mt-16 grid gap-8 lg:mt-10 grid-cols-2 lg:grid-cols-4">
|
||||
{stats.map((stat) => (
|
||||
<div key={stat.name} className="flex flex-col-reverse">
|
||||
<dt className="text-base leading-7 text-gray-300">{stat.name}</dt>
|
||||
<dd className="text-2xl font-bold leading-9 tracking-tight text-white">{stat.value}</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@ export default function Venue() {
|
||||
playsInline
|
||||
width={2432}
|
||||
height={1442}
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
|
||||
>
|
||||
<source src="/videos/ourverse2.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
|
||||
@ -52,6 +52,15 @@
|
||||
background-image: linear-gradient(43deg, #2a2341 0%, #403c61 47%, #655b90 83%, #7269a6 100%);
|
||||
}
|
||||
|
||||
.social-gradient {
|
||||
background-color: #443b62;
|
||||
background-image: linear-gradient(43deg, #302b4b 0%, #4b466e 47%, #766fa6 83%, #8780bc 100%);
|
||||
color: white;
|
||||
padding: 15px 15px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-gradient-light {
|
||||
background-color: #8780bc;
|
||||
@ -64,9 +73,21 @@
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.social-gradient-light {
|
||||
background-color: #8780bc;
|
||||
background-image: linear-gradient(43deg, #8780bc 0%, #938dc3 15%, #b5b1d7 100%);
|
||||
color: purple-50;
|
||||
border: none;
|
||||
border-radius: 50px;
|
||||
font-weight: semibold;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-gradient-light:hover {
|
||||
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%);
|
||||
}
|
||||
|
||||
|
||||
.social-gradient-light:hover {
|
||||
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user