Merge version_1 into main #1
424
src/app/page.tsx
424
src/app/page.tsx
@@ -28,314 +28,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Help",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="MarketStore"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Help", id: "#faq" },
|
||||
]}
|
||||
brandName="MarketStore"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
title="Everything You Need, Delivered."
|
||||
description="The ultimate marketplace for electronics, apparel, and lifestyle essentials. Experience seamless shopping with fast shipping."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-showing-digital-t_1258-119713.jpg",
|
||||
imageAlt: "Electronics",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-senior-asian-woman-recommending-store-holding-shopping-bag-winking-with-ok-sign-smiling_1258-158224.jpg",
|
||||
imageAlt: "Apparel",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36709.jpg",
|
||||
imageAlt: "Kitchen",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg",
|
||||
imageAlt: "Gaming",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg",
|
||||
imageAlt: "Furniture",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-assortment_23-2149879486.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Everything You Need, Delivered."
|
||||
description="The ultimate marketplace for electronics, apparel, and lifestyle essentials. Experience seamless shopping with fast shipping."
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-showing-digital-t_1258-119713.jpg", imageAlt: "Electronics" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-senior-asian-woman-recommending-store-holding-shopping-bag-winking-with-ok-sign-smiling_1258-158224.jpg", imageAlt: "Apparel" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36709.jpg", imageAlt: "Kitchen" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg", imageAlt: "Gaming" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg", imageAlt: "Furniture" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-assortment_23-2149879486.jpg", imageAlt: "Accessories" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Global delivery in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg",
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Safe, encrypted checkout process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/summer-sales-badges_1057-799.jpg",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Always here to help you out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-clothes-dryer_53876-32047.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Shop With MarketStore"
|
||||
description="Quality assurance and unmatched service at every step."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fast Shipping", description: "Global delivery in record time.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg" },
|
||||
{ title: "Secure Payments", description: "Safe, encrypted checkout process.", imageSrc: "http://img.b2bpic.net/free-vector/summer-sales-badges_1057-799.jpg" },
|
||||
{ title: "24/7 Support", description: "Always here to help you out.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-clothes-dryer_53876-32047.jpg" },
|
||||
]}
|
||||
title="Why Shop With MarketStore"
|
||||
description="Quality assurance and unmatched service at every step."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pro Smartphone",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smart-phone-capture-macaroon_53876-71.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wireless Audio",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-headphones-black-surface_417767-378.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mechanical Pro",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-desk_23-2149680268.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Digital Camera",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-professional-camera-accessoires_1163-2737.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Smart Watch",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-97305.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ultra Laptop",
|
||||
price: "$1499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-tags-shopping-trolley-packets_23-2147961948.jpg",
|
||||
},
|
||||
]}
|
||||
title="Top Picks"
|
||||
description="Curated collection of our best selling items."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Pro Smartphone", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smart-phone-capture-macaroon_53876-71.jpg" },
|
||||
{ id: "2", name: "Wireless Audio", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/black-headphones-black-surface_417767-378.jpg" },
|
||||
{ id: "3", name: "Mechanical Pro", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-desk_23-2149680268.jpg" },
|
||||
{ id: "4", name: "Digital Camera", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-professional-camera-accessoires_1163-2737.jpg" },
|
||||
{ id: "5", name: "Smart Watch", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-97305.jpg" },
|
||||
{ id: "6", name: "Ultra Laptop", price: "$1499", imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-tags-shopping-trolley-packets_23-2147961948.jpg" },
|
||||
]}
|
||||
title="Top Picks"
|
||||
description="Curated collection of our best selling items."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Intel",
|
||||
"Sony",
|
||||
"Microsoft",
|
||||
"Logitech",
|
||||
"Samsung",
|
||||
"Apple",
|
||||
"Dell",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Intel", "Sony", "Microsoft", "Logitech", "Samsung", "Apple", "Dell"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
title: "Products Sold",
|
||||
description: "Total items processed",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k+",
|
||||
title: "Happy Users",
|
||||
description: "Community size",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8/5",
|
||||
title: "Avg Rating",
|
||||
description: "Customer satisfaction",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Growing Daily"
|
||||
description="Numbers speak for our quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10M+", title: "Products Sold", description: "Total items processed", icon: CheckCircle },
|
||||
{ id: "m2", value: "500k+", title: "Happy Users", description: "Community size", icon: Star },
|
||||
{ id: "m3", value: "4.8/5", title: "Avg Rating", description: "Customer satisfaction", icon: Award },
|
||||
]}
|
||||
title="Growing Daily"
|
||||
description="Numbers speak for our quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Best service ever!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie",
|
||||
testimonial: "So fast and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Amazing product selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike B.",
|
||||
handle: "@mike",
|
||||
testimonial: "Will buy again soon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Leo P.",
|
||||
handle: "@leo",
|
||||
testimonial: "Great customer support team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Users"
|
||||
description="Genuine stories from our customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alex", testimonial: "Best service ever!", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg" },
|
||||
{ id: "2", name: "Jamie L.", handle: "@jamie", testimonial: "So fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg" },
|
||||
{ id: "3", name: "Sarah K.", handle: "@sarah", testimonial: "Amazing product selection.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" },
|
||||
{ id: "4", name: "Mike B.", handle: "@mike", testimonial: "Will buy again soon.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
|
||||
{ id: "5", name: "Leo P.", handle: "@leo", testimonial: "Great customer support team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg" },
|
||||
]}
|
||||
title="Hear From Our Users"
|
||||
description="Genuine stories from our customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to over 100 countries globally.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I return items?",
|
||||
content: "Returns are free within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is payment secure?",
|
||||
content: "We use bank-grade encryption.",
|
||||
},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions answered."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you ship worldwide?", content: "Yes, we ship to over 100 countries globally." },
|
||||
{ id: "2", title: "Can I return items?", content: "Returns are free within 30 days." },
|
||||
{ id: "3", title: "Is payment secure?", content: "We use bank-grade encryption." },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions answered."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MarketStore"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#hero" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MarketStore"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user