Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopEase"
|
||||
/>
|
||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Style Your Life, Effortlessly."
|
||||
description="Discover curated collections designed for modern living. Fast shipping, secure checkout, and satisfaction guaranteed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore New Arrivals", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722568.jpg"
|
||||
imageAlt="Hero lifestyle imagery"
|
||||
@@ -78,20 +67,11 @@ export default function LandingPage() {
|
||||
description="We prioritize your comfort and shopping experience above all."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Secure Shipping",
|
||||
content: "Fast and insured delivery on every order, worldwide.",
|
||||
},
|
||||
id: "1", title: "Secure Shipping", content: "Fast and insured delivery on every order, worldwide."},
|
||||
{
|
||||
id: "2",
|
||||
title: "24/7 Support",
|
||||
content: "Our team is here to help you around the clock.",
|
||||
},
|
||||
id: "2", title: "24/7 Support", content: "Our team is here to help you around the clock."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality Assured",
|
||||
content: "Only the best materials for your lifestyle products.",
|
||||
},
|
||||
id: "3", title: "Quality Assured", content: "Only the best materials for your lifestyle products."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-client-with-their-box-delivered_23-2149229197.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -106,41 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Minimalist Jacket",
|
||||
price: "$129.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wheelchair-suggesting-clothes-his-friend_482257-118187.jpg",
|
||||
},
|
||||
id: "p1", name: "Modern Minimalist Jacket", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wheelchair-suggesting-clothes-his-friend_482257-118187.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Ceramic Vase",
|
||||
price: "$59.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-geometrical-circle-banner-3d-render-concept-illustration_460848-11294.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisan Ceramic Vase", price: "$59.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-geometrical-circle-banner-3d-render-concept-illustration_460848-11294.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ergonomic Desk Tech",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/animated-eraser-books-still-life_52683-101645.jpg",
|
||||
},
|
||||
id: "p3", name: "Ergonomic Desk Tech", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/animated-eraser-books-still-life_52683-101645.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premium Leather Tote",
|
||||
price: "$249.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",
|
||||
},
|
||||
id: "p4", name: "Premium Leather Tote", price: "$249.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Organic Cotton Bedding",
|
||||
price: "$189.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681970.jpg",
|
||||
},
|
||||
id: "p5", name: "Organic Cotton Bedding", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681970.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wellness Diffuser Set",
|
||||
price: "$79.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-neatly-arranged-organized-sport-items_23-2150275231.jpg",
|
||||
},
|
||||
id: "p6", name: "Wellness Diffuser Set", price: "$79.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-neatly-arranged-organized-sport-items_23-2150275231.jpg"},
|
||||
]}
|
||||
title="Trending Collections"
|
||||
description="Hand-picked items updated daily."
|
||||
@@ -155,25 +111,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Happy Customers",
|
||||
description: "Worldwide delivery.",
|
||||
icon: Star,
|
||||
id: "m1", value: "50k+", title: "Happy Customers", description: "Worldwide delivery.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Products Sold",
|
||||
description: "Curated selection.",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", value: "10k+", title: "Products Sold", description: "Curated selection.", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Avg Rating",
|
||||
description: "Excellent service.",
|
||||
icon: Award,
|
||||
id: "m3", value: "4.9", title: "Avg Rating", description: "Excellent service.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -188,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice",
|
||||
testimonial: "The quality is unmatched and delivery was lightning fast!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-sunglasses-carrying-shopping-bags_23-2147823585.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", handle: "@alice", testimonial: "The quality is unmatched and delivery was lightning fast!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-sunglasses-carrying-shopping-bags_23-2147823585.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ben T.",
|
||||
handle: "@bent",
|
||||
testimonial: "Found exactly what I needed for my home aesthetic. Love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
},
|
||||
id: "t2", name: "Ben T.", handle: "@bent", testimonial: "Found exactly what I needed for my home aesthetic. Love it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe R.",
|
||||
handle: "@chloe",
|
||||
testimonial: "Super smooth shopping process and amazing customer care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe R.", handle: "@chloe", testimonial: "Super smooth shopping process and amazing customer care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Everything arrived perfectly packaged. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-products-basket-deli-store_627829-9473.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@davidk", testimonial: "Everything arrived perfectly packaged. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-products-basket-deli-store_627829-9473.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Excellent variety and frequent collection updates.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-showing-shopping-bags_23-2148316718.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena P.", handle: "@elenap", testimonial: "Excellent variety and frequent collection updates.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-showing-shopping-bags_23-2148316718.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -239,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FashionDaily",
|
||||
"HomeStyle",
|
||||
"TechPulse",
|
||||
"GlobalRetail",
|
||||
"DailyLiving",
|
||||
"ModernTrend",
|
||||
"LifestyleMag",
|
||||
]}
|
||||
"FashionDaily", "HomeStyle", "TechPulse", "GlobalRetail", "DailyLiving", "ModernTrend", "LifestyleMag"]}
|
||||
title="Trusted By Global Brands"
|
||||
description="Join thousands of satisfied shoppers."
|
||||
/>
|
||||
@@ -258,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to track?",
|
||||
content: "You will receive an email with your tracking number.",
|
||||
},
|
||||
id: "f1", title: "How to track?", content: "You will receive an email with your tracking number."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Return policy?",
|
||||
content: "Returns accepted within 30 days of purchase.",
|
||||
},
|
||||
id: "f2", title: "Return policy?", content: "Returns accepted within 30 days of purchase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Shipping costs?",
|
||||
content: "We offer free shipping on orders over $50.",
|
||||
},
|
||||
id: "f3", title: "Shipping costs?", content: "We offer free shipping on orders over $50."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Get quick answers to common questions."
|
||||
@@ -283,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive offers and new arrivals."
|
||||
@@ -297,45 +199,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +231,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user