ourworld_web/www_ourverse_new
20
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit color

Browse Source
This commit is contained in:
sasha-astiadi 2024-09-16 17:10:20 +02:00
parent 383a0ceb19
commit 6f9c79e0c4
29 changed files with 607 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
out/404.html
View File

File diff suppressed because one or more lines are too long

2
out/_next/static/css/eed425a645ebe79c.css
View File

File diff suppressed because one or more lines are too long

2
out/community.html
View File

File diff suppressed because one or more lines are too long

2
out/features.html
View File

File diff suppressed because one or more lines are too long

2
out/index.html
View File

File diff suppressed because one or more lines are too long

2
out/usecases.html
View File

File diff suppressed because one or more lines are too long

BIN
public/images/bgimage2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 767 KiB

BIN
public/images/bgimage3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 577 KiB

214
public/images/logofull.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

8
src/components/Allfeatures.jsx
View File

@ -64,13 +64,13 @@ export default function Example() {
<div className="lg:max-w-lg"> <div className="lg:max-w-lg">
<h2 className="text-base font-medium font-mono leading-7 text-purple-600">Features</h2> <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-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. OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
</p> </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) => ( {features.map((feature) => (
<div key={feature.name} className="relative pl-9"> <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.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-indigo-600" />
{feature.name} {feature.name}
</dt>{' '} </dt>{' '}
@ -87,7 +87,7 @@ export default function Example() {
src={carouselImages[currentIndex]} src={carouselImages[currentIndex]}
width={2432} width={2432}
height={1442} 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>
</div> </div>

14
src/components/Casestudies.jsx
View File

@ -135,11 +135,11 @@ const posts = [
export default function Casestudies() { export default function Casestudies() {
return ( 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-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl text-center"> <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> <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-gray-600"> <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. Discover how OurVerse uniquely addresses challenges and fosters innovation with specific, real-world applications of our technology.
</p> </p>
</div> </div>
@ -147,13 +147,13 @@ const posts = [
{posts.map((post) => ( {posts.map((post) => (
<article <article
key={post.id} 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" /> <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 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-gray-900/10" /> <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"> <time dateTime={post.datetime} className="mr-8">
{post.type} {post.type}
</time> </time>

12
src/components/Collaborate.jsx
View File

@ -4,22 +4,22 @@ const features = [
{ {
name: 'Real-Time Collaboration.', name: 'Real-Time Collaboration.',
description: 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, icon: CloudArrowUpIcon,
}, },
{ {
name: 'Interactive 3D Whiteboards.', 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, icon: LockClosedIcon,
}, },
{ {
name: '3D Creation Tools.', 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, icon: ServerIcon,
}, },
{ {
name: 'Dynamic Interactions.', 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, icon: ServerIcon,
}, },
] ]
@ -33,7 +33,7 @@ export default function Collaborate() {
<div className="lg:max-w-lg"> <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-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"> <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> </p>
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none"> <dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
{features.map((feature) => ( {features.map((feature) => (
@ -55,7 +55,7 @@ export default function Collaborate() {
src="/images/collaborate.jpg" src="/images/collaborate.jpg"
width={2432} width={2432}
height={1442} 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>
</div> </div>

2
src/components/Commevents.jsx
View File

@ -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 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> <div>
<h2 className="text-xl font-bold text-white">Workspace Collection</h2> <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. Upgrade your desk with objects that keep you organized and clear-minded.
</p> </p>
</div> </div>

61
src/components/Communhero.jsx
View File

@ -16,47 +16,46 @@ const supportLinks = [
href: '#', href: '#',
icon: NewspaperIcon, icon: NewspaperIcon,
}, },
{
name: 'Media Inquiries',
href: '#',
icon: NewspaperIcon,
},
] ]
export default function Communhero() { export default function Communhero() {
return ( return (
<div className="bg-white mb-32"> <div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
{/* Header */} {/* Background image with lower z-index */}
<div className="relative bg-gray-800 pb-40"> <img
<div className="absolute inset-0"> alt=""
<img src="/images/bgimage2.jpg"
alt="" className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
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"
/> {/* Gradient overlay with a slightly higher z-index */}
<div aria-hidden="true" className="absolute inset-0 bg-gray-800 mix-blend-multiply" /> <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
</div>
<div className="relative mx-auto max-w-7xl px-6 py-24 lg:px-8"> {/* Content container with a higher z-index */}
<h1 className="mt-8 text-3xl font-medium tracking-tight text-white lg:text-4xl">Community</h1> <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
<p className="mt-6 max-w-3xl text-xl text-gray-300"> <div className="mx-auto max-w-2xl lg:mx-0">
Together we are shaping the future of immersive virtual environments, powered by cutting-edge technology and innovative collaborations. <h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
Join OurVerse and be a part of creating new realities. 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> </p>
</div> </div>
</div> </div>
{/* Overlapping cards */} {/* 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"> <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 {supportLinks.map((link, index) => (
<div key={link.name} className="px-0 pb-8 pt-16"> <div className="px-0 pb-8 pt-16" key={index}>
<div className="relative top-0 left-0 -translate-y-1/2 rounded-xl bg-indigo-600 p-5 shadow-lg"> <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" /> <link.icon aria-hidden="true" className="h-4 w-4 text-white" />
</div> </div>
</div>
))}
</div> </div>
</section> ))}
</div>
</section>
</div> </div>
) )
} }

2
src/components/Communicate.jsx
View File

@ -54,7 +54,7 @@ export default function Communicate() {
src="/images/communicate.jpg" src="/images/communicate.jpg"
width={2432} width={2432}
height={1442} 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>
</div> </div>

2
src/components/Eventmgmt.jsx
View File

@ -54,7 +54,7 @@ export default function Eventmgmt() {
src="/images/collaborate.jpg" src="/images/collaborate.jpg"
width={2432} width={2432}
height={1442} 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>
</div> </div>

2
src/components/Experiences.jsx
View File

@ -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"> <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) => ( {products.map((product) => (
<div key={product.id} className="group relative"> <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" /> <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 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"> <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">

6
src/components/Featurehero.jsx
View File

@ -2,7 +2,7 @@ import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/20/soli
export default function Featurehero() { export default function Featurehero() {
return ( 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 <img
alt="" alt=""
src="/images/bgimage.jpg" src="/images/bgimage.jpg"
@ -17,8 +17,8 @@ export default function Featurehero() {
</div> </div>
<div className="mx-auto max-w-7xl px-6 lg:px-8"> <div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl lg:mx-0"> <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> <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-gray-300"> <p className="mt-6 text-lg leading-8 text-purple-300">
Unlock the future of communication and collaboration inside immersive virtual environments. 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. OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
</p> </p>

14
src/components/FeaturesHome.jsx
View File

@ -75,7 +75,7 @@ export default function Featureshome() {
height={20} height={20}
patternUnits="userSpaceOnUse" 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> </pattern>
</defs> </defs>
<rect fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)" width={404} height={784} /> <rect fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)" width={404} height={784} />
@ -94,7 +94,7 @@ export default function Featureshome() {
<div className="relative"> <div className="relative">
<h2 className="text-base font-medium font-mono leading-7 text-purple-700">Features</h2> <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> <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. Transform how you and your team work together with our innovative, real-time creative tools.
</p> </p>
@ -107,7 +107,7 @@ export default function Featureshome() {
</div> </div>
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p> <p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
</dt> </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>
))} ))}
</dl> </dl>
@ -130,7 +130,7 @@ export default function Featureshome() {
height={20} height={20}
patternUnits="userSpaceOnUse" 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> </pattern>
</defs> </defs>
<rect fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" width={784} height={404} /> <rect fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" width={784} height={404} />
@ -161,7 +161,7 @@ export default function Featureshome() {
height={20} height={20}
patternUnits="userSpaceOnUse" 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> </pattern>
</defs> </defs>
<rect fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" width={404} height={784} /> <rect fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" width={404} height={784} />
@ -181,7 +181,7 @@ export default function Featureshome() {
</div> </div>
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p> <p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
</dt> </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>
))} ))}
<div className="mt-6"> <div className="mt-6">
@ -214,7 +214,7 @@ export default function Featureshome() {
height={20} height={20}
patternUnits="userSpaceOnUse" 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> </pattern>
</defs> </defs>
<rect fill="url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)" width={784} height={404} /> <rect fill="url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)" width={784} height={404} />

4
src/components/Footer.jsx
View File

@ -1,12 +1,14 @@
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import { Logo } from '@/components/Logo' import { Logo } from '@/components/Logo'
export function Footer() { export function Footer() {
return ( return (
<footer className="flex-none py-16"> <footer className="flex-none py-16">
<Container className="flex flex-col items-center justify-between md:flex-row"> <Container className="flex flex-col items-center justify-between md:flex-row">
<Logo className="h-12 w-auto text-slate-900" /> <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 &copy; {new Date().getFullYear()} OurVerse, LLC. All Copyright &copy; {new Date().getFullYear()} OurVerse, LLC. All
rights reserved. rights reserved.
</p> </p>

180
src/components/Footer2.jsx Normal file
View 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">&copy; 2024 Ourworld Holdings, Inc. All rights reserved.</p>
</div>
</div>
</footer>
)
}

4
src/components/Header.jsx
View File

@ -37,7 +37,7 @@ export function Header() {
<button <button
type="button" type="button"
onClick={() => setMobileMenuOpen(true)} 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> <span className="sr-only">Open menu</span>
<Bars3Icon aria-hidden="true" className="h-6 w-6" /> <Bars3Icon aria-hidden="true" className="h-6 w-6" />
@ -53,7 +53,7 @@ export function Header() {
<button <button
type="button" type="button"
onClick={() => setMobileMenuOpen(false)} 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> <span className="sr-only">Close menu</span>
<XMarkIcon aria-hidden="true" className="h-6 w-6" /> <XMarkIcon aria-hidden="true" className="h-6 w-6" />

81
src/components/Hero.jsx
View File

@ -2,6 +2,44 @@ import { BackgroundImage } from '@/components/BackgroundImage'
import { Button } from '@/components/Button' import { Button } from '@/components/Button'
import { Container } from '@/components/Container' 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() { export function Hero() {
return ( return (
<div className="relative lg:py-12 mt-20 pb-12 pt-12"> <div className="relative lg:py-12 mt-20 pb-12 pt-12">
@ -13,13 +51,15 @@ export function Hero() {
</h1> </h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700"> <div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<p> <p>
OurVerse empowers users to build, manage, and monetize their unique virtual experiences OurVerse is redefining how we meet, collaborate, and create. As a fully immersive metaverse platform,
by blending the latest advancements in blockchain technology with immersive virtual reality. it offers a space where virtual interactions feel real, engaging, and limitless.
</p> </p>
<p> <p>our mission is to break down the barriers to meaningful connection and collaboration.
Our mission is to make the metaverse accessible to all, fostering a vibrant community We believe that everyone, regardless of location or resources, should have access to immersive and engaging
where creativity, commerce, and collaboration thrive in a borderless, equitable digital space. spaces where they can meet, create, and innovate together.
Whether you're an individual, business, or community, OurVerse offers the tools and support to shape your digital future. </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> </p>
</div> </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"> <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> </dl>
</div> </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> </Container>
</div> </div>
) )

10
src/components/Homepage.jsx
View File

@ -32,12 +32,14 @@ export function Homepage() {
</div> </div>
</div> </div>
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter font-gradient lg:text-7xl text-5xl"> <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> </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"> <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, <p>At <span className='bg-gradient3 font-semibold'>OurVerse</span>, we go beyond traditional video calls.
where you can express yourself freely, build meaningful relationships, Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings
and explore endless possibilities in an environment that celebrates diversity and authenticity.</p> 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>
<div className="mt-10 pb-8 flex items-center gap-x-6"> <div className="mt-10 pb-8 flex items-center gap-x-6">
<a <a

3
src/components/Layout.jsx
View File

@ -2,6 +2,7 @@ import { Footer } from '@/components/Footer'
import { Newsletter } from '@/components/Newsletter' import { Newsletter } from '@/components/Newsletter'
import Banner from '@/components/Banner' import Banner from '@/components/Banner'
import { Header } from '@/components/Header' import { Header } from '@/components/Header'
import Footer2 from './Footer2'
export function Layout({ children, showFooter = true }) { export function Layout({ children, showFooter = true }) {
return ( return (
@ -10,7 +11,7 @@ export function Layout({ children, showFooter = true }) {
<Banner /> <Banner />
<main className="flex-auto">{children}</main> <main className="flex-auto">{children}</main>
<Newsletter /> <Newsletter />
{showFooter && <Footer />} {showFooter && <Footer2 />}
</> </>
) )
} }

2
src/components/Studio.jsx
View File

@ -54,7 +54,7 @@ export default function Studio() {
src="/images/communicate.jpg" src="/images/communicate.jpg"
width={2432} width={2432}
height={1442} 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>
</div> </div>

102
src/components/Usecases.jsx
View File

@ -1,72 +1,38 @@
const links = [
{ name: 'Dive Deeper into Our Impact', href: '#' }, export default function Usecases() {
] return (
const stats = [ <div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
{ name: '3D Assets', value: '100000+' }, {/* Background image with lower z-index */}
{ name: 'Users Worldwide', value: '5000+' }, <img
{ name: 'Metaverses', value: '2000+' }, alt=""
{ name: 'Countries', value: '15' }, src="/images/bgimage2.jpg"
] className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
/>
export default function Usecases() {
return ( {/* Gradient overlay with a slightly higher z-index */}
<div className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32"> <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
<img
alt="" {/* Content container with a higher z-index */}
src="/images/bg2.jpg" <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center" <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">
<div Exploring Impactful Use Cases from Real-life Applications
aria-hidden="true" </h2>
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" <p className="mt-6 text-lg leading-8 text-purple-50">
>
<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">
<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">
Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation, 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. and economic empowerment with specific, real-world applications of our technology.
</p> </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">&rarr;</span>
</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>
<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>
</div> </div>
) </div>
} )
}

2
src/components/Venue.jsx
View File

@ -30,7 +30,7 @@ export default function Venue() {
playsInline playsInline
width={2432} width={2432}
height={1442} 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" /> <source src="/videos/ourverse2.mp4" type="video/mp4" />
Your browser does not support the video tag. Your browser does not support the video tag.

23
src/styles/tailwind.css
View File

@ -52,6 +52,15 @@
background-image: linear-gradient(43deg, #2a2341 0%, #403c61 47%, #655b90 83%, #7269a6 100%); 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 { .btn-gradient-light {
background-color: #8780bc; background-color: #8780bc;
@ -64,9 +73,21 @@
transition: background-image 0.3s ease; 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 { .btn-gradient-light:hover {
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%); 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%);
}