Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Store"
|
||||
/>
|
||||
@@ -60,38 +50,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Style Your Life, Curated."
|
||||
description="Discover our collection of hand-picked treasures designed to elevate your everyday experience."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-with-coffee-after-shopping_23-2147689005.jpg",
|
||||
imageAlt: "Store collection display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-with-coffee-after-shopping_23-2147689005.jpg", imageAlt: "Store collection display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg",
|
||||
imageAlt: "Curated lifestyle products",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-outdoors_23-2149722613.jpg",
|
||||
imageAlt: "Full shot rich woman outdoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg",
|
||||
imageAlt: "Full shot partners standing apart",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23055.jpg",
|
||||
imageAlt: "Cute girl with shopping bag in a city",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg", imageAlt: "Curated lifestyle products"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,7 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Philosophy"
|
||||
description="We believe that the items you choose to surround yourself with should tell a story. That's why we meticulously curate every piece to ensure quality, aesthetics, and lasting value."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg"
|
||||
imageAlt="Artisanal boutique space"
|
||||
/>
|
||||
</div>
|
||||
@@ -117,38 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Shipping",
|
||||
author: "Delivery",
|
||||
description: "Get your treasures delivered right to your door within 3-5 business days.",
|
||||
tags: [
|
||||
"Shipping",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-delivery-woman-uniform-cap-holding-cardbox-head-looking-it_141793-116723.jpg",
|
||||
imageAlt: "Fast delivery box",
|
||||
},
|
||||
id: "f1", title: "Fast Shipping", author: "Delivery", description: "Get your treasures delivered right to your door within 3-5 business days.", tags: [
|
||||
"Shipping"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-delivery-woman-uniform-cap-holding-cardbox-head-looking-it_141793-116723.jpg", imageAlt: "Fast delivery box"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
author: "Safety",
|
||||
description: "Shop with confidence knowing your data is protected with the highest security standards.",
|
||||
tags: [
|
||||
"Secure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-pay-with-card-via-pos-terminal_107791-17351.jpg",
|
||||
imageAlt: "Checkout security",
|
||||
},
|
||||
id: "f2", title: "Secure Payments", author: "Safety", description: "Shop with confidence knowing your data is protected with the highest security standards.", tags: [
|
||||
"Secure"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-pay-with-card-via-pos-terminal_107791-17351.jpg", imageAlt: "Checkout security"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Eco-Friendly",
|
||||
author: "Sustainability",
|
||||
description: "We pack every order with sustainable, biodegradable materials to protect our planet.",
|
||||
tags: [
|
||||
"Green",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-set-gifts-with-copy-space_23-2148283838.jpg",
|
||||
imageAlt: "Eco-friendly packaging",
|
||||
},
|
||||
id: "f3", title: "Eco-Friendly", author: "Sustainability", description: "We pack every order with sustainable, biodegradable materials to protect our planet.", tags: [
|
||||
"Green"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-set-gifts-with-copy-space_23-2148283838.jpg", imageAlt: "Eco-friendly packaging"},
|
||||
]}
|
||||
title="Experience Excellence"
|
||||
description="We strive to offer a shopping experience that is as seamless as the products are beautiful."
|
||||
@@ -163,59 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brand",
|
||||
name: "Classic Vase",
|
||||
price: "$85.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246336.jpg",
|
||||
},
|
||||
id: "p1", brand: "Brand", name: "Classic Vase", price: "$85.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246336.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brand",
|
||||
name: "Ceramic Mug",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg",
|
||||
},
|
||||
id: "p2", brand: "Brand", name: "Ceramic Mug", price: "$25.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Brand",
|
||||
name: "Wooden Tray",
|
||||
price: "$45.00",
|
||||
rating: 4,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-kit-with-jewelry-brushes-modeling-career_52683-109518.jpg",
|
||||
},
|
||||
id: "p3", brand: "Brand", name: "Wooden Tray", price: "$45.00", rating: 4,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/view-kit-with-jewelry-brushes-modeling-career_52683-109518.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Brand",
|
||||
name: "Minimalist Lamp",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg",
|
||||
},
|
||||
id: "p4", brand: "Brand", name: "Minimalist Lamp", price: "$120.00", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Brand",
|
||||
name: "Soft Blanket",
|
||||
price: "$60.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718105.jpg",
|
||||
},
|
||||
id: "p5", brand: "Brand", name: "Soft Blanket", price: "$60.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718105.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Brand",
|
||||
name: "Artisanal Candle",
|
||||
price: "$30.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-table-arrangement_23-2148941059.jpg",
|
||||
},
|
||||
id: "p6", brand: "Brand", name: "Artisanal Candle", price: "$30.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-table-arrangement_23-2148941059.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Explore our hand-selected products crafted for modern living."
|
||||
@@ -229,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The quality is unmatched. I love my new vase!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The quality is unmatched. I love my new vase!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
handle: "@md",
|
||||
testimonial: "Fast shipping and excellent customer service. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-young-african-female-with-pleasant-smile-speaks-with-someone-via-cell-phone-uses-free-roaming-internet-connection-cafe_273609-3200.jpg",
|
||||
},
|
||||
id: "2", name: "Michael D.", handle: "@md", testimonial: "Fast shipping and excellent customer service. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-young-african-female-with-pleasant-smile-speaks-with-someone-via-cell-phone-uses-free-roaming-internet-connection-cafe_273609-3200.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Everything I've ordered has exceeded expectations. Just beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Everything I've ordered has exceeded expectations. Just beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The perfect gift for any occasion. Always well received.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "The perfect gift for any occasion. Always well received.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessical",
|
||||
testimonial: "I'm obsessed with their candle collection. Smells divine!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jessical", testimonial: "I'm obsessed with their candle collection. Smells divine!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Community"
|
||||
@@ -282,20 +171,11 @@ export default function LandingPage() {
|
||||
tag="Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Curated Brands",
|
||||
},
|
||||
id: "m2", value: "50+", description: "Curated Brands"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Quality Guaranteed",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Quality Guaranteed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -307,25 +187,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to most countries worldwide!",
|
||||
},
|
||||
id: "faq1", title: "Do you ship internationally?", content: "Yes, we ship to most countries worldwide!"},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is your return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "faq2", title: "What is your return policy?", content: "You can return items within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, you will receive a tracking link as soon as your order ships.",
|
||||
},
|
||||
id: "faq3", title: "Can I track my order?", content: "Yes, you will receive a tracking link as soon as your order ships."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-looking-wardrobe_23-2148304881.jpg"
|
||||
imageAlt="FAQ supporting visual"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -335,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Join Us"
|
||||
title="Get the Latest Updates"
|
||||
description="Sign up for our newsletter to get updates on new arrivals and exclusive offers."
|
||||
@@ -347,13 +217,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="E-Store"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user