Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NEXUS CBD"
|
||||
/>
|
||||
@@ -53,39 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Future of Wellness"
|
||||
description="Experience pure, legal, and premium CBD delivered with futuristic standards."
|
||||
tag="PREMIUM LEGAL CBD"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-futuristic-flowing-dots_1048-11993.jpg?_wi=1",
|
||||
imageAlt: "neon green digital interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8979.jpg",
|
||||
imageAlt: "neon green digital interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-71769.jpg",
|
||||
imageAlt: "neon green digital interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-cinnamon-sticks-dark-board_114579-84716.jpg",
|
||||
imageAlt: "neon green digital interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-plant_1150-19464.jpg",
|
||||
imageAlt: "neon green digital interface",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-futuristic-flowing-dots_1048-11993.jpg", imageAlt: "neon green digital interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8979.jpg", imageAlt: "neon green digital interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-71769.jpg", imageAlt: "neon green digital interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-cinnamon-sticks-dark-board_114579-84716.jpg", imageAlt: "neon green digital interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cannabis-plant_1150-19464.jpg", imageAlt: "neon green digital interface" },
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -98,40 +64,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lab Tested",
|
||||
description: "Every batch is verified.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039322.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263457.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-futuristic-flowing-dots_1048-11993.jpg?_wi=2",
|
||||
imageAlt: "cbd oil bottle closeup",
|
||||
title: "Lab Tested", description: "Every batch is verified.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039322.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263457.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Organic Growth",
|
||||
description: "100% natural processes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-organic-body-care-serum_23-2148317629.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263410.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-composition_23-2149013557.jpg?_wi=1",
|
||||
imageAlt: "cbd oil bottle closeup",
|
||||
title: "Organic Growth", description: "100% natural processes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-organic-body-care-serum_23-2148317629.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263410.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Discreet and lightning fast.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355051.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355054.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg?_wi=1",
|
||||
imageAlt: "cbd oil bottle closeup",
|
||||
title: "Fast Delivery", description: "Discreet and lightning fast.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355051.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355054.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -147,51 +89,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Nexus",
|
||||
name: "Pure Oil",
|
||||
price: "49€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-composition_23-2149013557.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Nexus",
|
||||
name: "Hemp Flower",
|
||||
price: "29€",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072191.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Nexus",
|
||||
name: "Night Drops",
|
||||
price: "59€",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-artists-working-new-painting-workshop-green-screen_482257-124715.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Nexus",
|
||||
name: "CBD Balm",
|
||||
price: "35€",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-assortment_23-2149013547.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Nexus",
|
||||
name: "Capsules",
|
||||
price: "45€",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336306.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Nexus", name: "Pure Oil", price: "49€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-composition_23-2149013557.jpg" },
|
||||
{ id: "p2", brand: "Nexus", name: "Hemp Flower", price: "29€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072191.jpg" },
|
||||
{ id: "p3", brand: "Nexus", name: "Night Drops", price: "59€", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/diverse-artists-working-new-painting-workshop-green-screen_482257-124715.jpg" },
|
||||
{ id: "p4", brand: "Nexus", name: "CBD Balm", price: "35€", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-assortment_23-2149013547.jpg" },
|
||||
{ id: "p5", brand: "Nexus", name: "Capsules", price: "45€", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336306.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Discover our premium CBD line."
|
||||
@@ -205,21 +107,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Legal Compliant",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Happy Users",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
description: "Years Expertise",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Legal Compliant" },
|
||||
{ id: "m2", value: "50k+", description: "Happy Users" },
|
||||
{ id: "m3", value: "5+", description: "Years Expertise" },
|
||||
]}
|
||||
title="Quality Assured"
|
||||
description="Numbers speak for our quality."
|
||||
@@ -232,41 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "User",
|
||||
testimonial: "Best quality ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc",
|
||||
role: "User",
|
||||
testimonial: "So relaxed now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julie",
|
||||
role: "User",
|
||||
testimonial: "Fast delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom",
|
||||
role: "User",
|
||||
testimonial: "Pure magic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe",
|
||||
role: "User",
|
||||
testimonial: "Top notch support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "User", testimonial: "Best quality ever.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg" },
|
||||
{ id: "2", name: "Marc", role: "User", testimonial: "So relaxed now.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg" },
|
||||
{ id: "3", name: "Julie", role: "User", testimonial: "Fast delivery.", imageSrc: "http://img.b2bpic.net/free-photo/view-charming-woman-smiling-tablet-home_197531-33767.jpg" },
|
||||
{ id: "4", name: "Tom", role: "User", testimonial: "Pure magic.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81988.jpg" },
|
||||
{ id: "5", name: "Chloe", role: "User", testimonial: "Top notch support.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg" },
|
||||
]}
|
||||
title="User Voices"
|
||||
description="What our community says."
|
||||
@@ -278,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it legal?",
|
||||
content: "Yes, 100% legal CBD.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping time?",
|
||||
content: "2-3 business days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Privacy?",
|
||||
content: "Discreet packaging.",
|
||||
},
|
||||
{ id: "f1", title: "Is it legal?", content: "Yes, 100% legal CBD." },
|
||||
{ id: "f2", title: "Shipping time?", content: "2-3 business days." },
|
||||
{ id: "f3", title: "Privacy?", content: "Discreet packaging." },
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions answered."
|
||||
@@ -303,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="NEWSLETTER"
|
||||
title="Stay Connected"
|
||||
description="Join our list for exclusive drops."
|
||||
@@ -317,28 +163,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="NEXUS"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user