Merge version_2 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -29,23 +29,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#footer",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#footer"},
|
||||
]}
|
||||
brandName="MobileHub"
|
||||
brandName="ParfumLuxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,126 +49,38 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Future of Mobile is Here"
|
||||
description="Experience unparalleled performance, stunning design, and cutting-edge features in the palm of your hand."
|
||||
variant: "gradient-bars"}}
|
||||
title="Art of Scent"
|
||||
description="Discover rare, artisanal perfumes curated from the world's finest scent makers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alextech",
|
||||
testimonial: "The best purchase I have made this year. Simply incredible display.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-high-end-sleek-smartphone-floating-aga-1774885627187-a229a697.png?_wi=1",
|
||||
imageAlt: "A high-end, sleek smartphone floating against an abstract soft purple background. Minimalist studio ",
|
||||
name: "Elara V.", handle: "@elarascent", testimonial: "A truly transformative fragrance. Pure luxury.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Speed is unmatched. The camera quality is professional grade.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-person-holding-a-premium-smartphone-in-1774885628847-87208999.png?_wi=1",
|
||||
imageAlt: "A person holding a premium smartphone in a bright, modern minimalist office. Natural soft light, cle",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "Customer support was excellent and shipping was lightning fast.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=1",
|
||||
imageAlt: "Close up of a modern smartphone with a glass back design, vibrant display screen, professional studi",
|
||||
},
|
||||
{
|
||||
name: "Linda P.",
|
||||
handle: "@lindap",
|
||||
testimonial: "Beautiful design. It feels premium every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=1",
|
||||
imageAlt: "Sleek blue mobile phone on a clean marble surface, artistic shadows, professional product shot.",
|
||||
},
|
||||
{
|
||||
name: "Mark J.",
|
||||
handle: "@markj",
|
||||
testimonial: "The ecosystem integration is seamless. Truly a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=1",
|
||||
imageAlt: "Innovative foldable smartphone partially opened, soft focus background, high tech aesthetic.",
|
||||
name: "Julian C.", handle: "@juliandesigns", testimonial: "Exquisite collection. I found my signature scent.", rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-high-end-sleek-smartphone-floating-aga-1774885627187-a229a697.png?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-tech-enthusiast-holding-a--1774885627530-40fe33a7.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-business-professional-looking-at-their-1774885627243-b3f841aa.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-creative-professional-interacting-with-1774885627467-d38d50f1.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ satisfied tech enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5G Enabled",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro-Grade Camera",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "All-Day Battery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless OS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "OLED Retina Display",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for Innovation"
|
||||
description="At MobileHub, we connect you with the world through the latest, most advanced mobile technology available today."
|
||||
title="Our Fragrance Heritage"
|
||||
description="We source only the finest natural essences to create unique, long-lasting experiences."
|
||||
metrics={[
|
||||
{
|
||||
value: "150k+",
|
||||
title: "Devices Sold",
|
||||
},
|
||||
value: "200+", title: "Unique Scents"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Satisfied Customers",
|
||||
},
|
||||
value: "100%", title: "Ethically Sourced"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Partners",
|
||||
},
|
||||
value: "10k+", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-person-holding-a-premium-smartphone-in-1774885628847-87208999.png?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -188,35 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Apex",
|
||||
name: "Quantum Pro X",
|
||||
price: "$1,199",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Midnight", name: "Oud Essence", price: "$185", rating: 5,
|
||||
reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luna",
|
||||
name: "Aura Edge",
|
||||
price: "$899",
|
||||
rating: 4,
|
||||
reviewCount: "189",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Floral", name: "Morning Bloom", price: "$145", rating: 4,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Vertex",
|
||||
name: "Foldable Prime",
|
||||
price: "$1,599",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Citrus", name: "Zest Voyage", price: "$125", rating: 5,
|
||||
reviewCount: "78", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=2"},
|
||||
]}
|
||||
title="Top Flagships"
|
||||
description="Handpicked collection of the latest high-performance smartphones."
|
||||
title="Featured Scents"
|
||||
description="Discover our best-selling fragrances curated for your lifestyle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,49 +117,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Exceptional service and product quality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png?_wi=1",
|
||||
id: "t1", name: "Sofia L.", handle: "@sofiascents", testimonial: "The Oud Essence is absolutely captivating. I get compliments all day.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Changed my mobile experience entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-tech-enthusiast-holding-a--1774885627530-40fe33a7.png",
|
||||
id: "t2", name: "Marcus R.", handle: "@mrcs", testimonial: "A masterful blend that feels sophisticated and timeless.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
handle: "@dm",
|
||||
testimonial: "Lightning fast shipping and great support.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-business-professional-looking-at-their-1774885627243-b3f841aa.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda P.",
|
||||
handle: "@linda",
|
||||
testimonial: "Best tech investment I've made lately.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-creative-professional-interacting-with-1774885627467-d38d50f1.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin T.",
|
||||
handle: "@kev",
|
||||
testimonial: "The build quality is outstanding. Feels very premium.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png?_wi=2",
|
||||
id: "t3", name: "Elena W.", handle: "@elena_w", testimonial: "Finally found a brand that values quality over quantity.", rating: 5,
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Our Community"
|
||||
description="See why thousands trust MobileHub for their tech needs."
|
||||
title="What Clients Say"
|
||||
description="Hear from perfume enthusiasts around the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -279,25 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide with secure packaging.",
|
||||
},
|
||||
id: "f1", title: "How should I store my perfume?", content: "Store in a cool, dry place away from direct sunlight to preserve the fragrance notes."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 30-day money-back guarantee for all unused items.",
|
||||
},
|
||||
id: "f2", title: "Are your perfumes cruelty-free?", content: "Yes, we are 100% committed to ethical sourcing and cruelty-free practices."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these devices unlocked?",
|
||||
content: "Yes, all our phones come factory unlocked for any carrier.",
|
||||
},
|
||||
id: "f3", title: "Do you provide sample sets?", content: "Yes, we offer discovery kits featuring samples of our entire collection."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/tech-support-professional-helping-with-a-1774885627694-e4880659.png"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our devices and shipping."
|
||||
title="Perfume FAQ"
|
||||
description="Answers to your questions about finding your next signature fragrance."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -306,37 +156,35 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Fragrances", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#footer"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MobileHub"
|
||||
bottomRightText="Privacy Policy"
|
||||
bottomLeftText="© 2024 ParfumLuxury"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user