Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="E-Shop Pro"
|
||||
/>
|
||||
@@ -54,117 +46,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Upgrade Your Lifestyle with E-Shop Pro"
|
||||
description="Discover premium quality products curated for your modern needs. Fast shipping, great service, and unmatched quality."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=1",
|
||||
imageAlt: "Hero item 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=1",
|
||||
imageAlt: "Hero item 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=2",
|
||||
imageAlt: "Hero item 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=2",
|
||||
imageAlt: "Hero item 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=3",
|
||||
imageAlt: "Hero item 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=3",
|
||||
imageAlt: "Hero item 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=4",
|
||||
imageAlt: "Hero item 7",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=4",
|
||||
imageAlt: "Hero item 8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=5",
|
||||
imageAlt: "Hero item 9",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=5",
|
||||
imageAlt: "Hero item 10",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 10"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=6",
|
||||
imageAlt: "Hero item 11",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg", imageAlt: "Hero item 11"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=6",
|
||||
imageAlt: "Hero item 12",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg", imageAlt: "Hero item 12"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-keeping-arms-crossed-looking-camera-isolated-blue-background_141793-138750.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-keeping-arms-crossed-looking-camera-isolated-blue-background_141793-138750.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg",
|
||||
alt: "Headphones",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg", alt: "Headphones"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-band-sleek-design_9975-133810.jpg",
|
||||
alt: "Smartwatch",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-band-sleek-design_9975-133810.jpg", alt: "Smartwatch"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808024.jpg",
|
||||
alt: "Power Bank",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808024.jpg", alt: "Power Bank"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg",
|
||||
alt: "Mouse",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg", alt: "Mouse"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
|
||||
alt: "Keyboard",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg", alt: "Keyboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,28 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Get your order delivered in record time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg?_wi=7",
|
||||
imageAlt: "e-commerce product photography clean desk",
|
||||
title: "Fast Shipping", description: "Get your order delivered in record time.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Customer Support",
|
||||
description: "Our team is available 24/7 for you.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-beauty-products-grey-background_23-2148299589.jpg?_wi=7",
|
||||
imageAlt: "shopping aesthetic products flat lay",
|
||||
title: "Customer Support", description: "Our team is available 24/7 for you.", bentoComponent: "reveal-icon", icon: Headphones,
|
||||
},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Only the best materials for you.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-truck-with-location-pin-tracking-shipping-fast-delivery-car-deliver-express-delivery-transportation-logistics-concept-background-3d-rendering-illustration_56104-2063.jpg",
|
||||
imageAlt: "delivery service icon 3d render",
|
||||
title: "Premium Quality", description: "Only the best materials for you.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -213,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg",
|
||||
},
|
||||
id: "1", name: "Premium Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smart Watch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-band-sleek-design_9975-133810.jpg",
|
||||
},
|
||||
id: "2", name: "Smart Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-band-sleek-design_9975-133810.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Power Bank",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808024.jpg",
|
||||
},
|
||||
id: "3", name: "Power Bank", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-charger-tray-with-concrete-background_23-2150808024.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Wireless Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg",
|
||||
},
|
||||
id: "4", name: "Wireless Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
|
||||
},
|
||||
id: "5", name: "Mechanical Keyboard", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sleek Smartphone",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-minimal-display-rock_23-2149554977.jpg",
|
||||
},
|
||||
id: "6", name: "Sleek Smartphone", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-minimal-display-rock_23-2149554977.jpg"},
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Explore our curated selection of premium electronics and accessories."
|
||||
@@ -260,45 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "I am so impressed with the quality of the products I received.",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Quality", quote: "I am so impressed with the quality of the products I received.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9812.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best Service Ever",
|
||||
quote: "Fantastic service and incredibly fast shipping times.",
|
||||
name: "Jane Smith",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg",
|
||||
},
|
||||
id: "2", title: "Best Service Ever", quote: "Fantastic service and incredibly fast shipping times.", name: "Jane Smith", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommended",
|
||||
quote: "I will definitely be back for more purchases soon.",
|
||||
name: "Mike Johnson",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
id: "3", title: "Highly Recommended", quote: "I will definitely be back for more purchases soon.", name: "Mike Johnson", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Amazing Products",
|
||||
quote: "Everything I ordered was exactly as described.",
|
||||
name: "Sarah Williams",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-keeping-arms-crossed-looking-camera-isolated-blue-background_141793-138750.jpg",
|
||||
},
|
||||
id: "4", title: "Amazing Products", quote: "Everything I ordered was exactly as described.", name: "Sarah Williams", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-keeping-arms-crossed-looking-camera-isolated-blue-background_141793-138750.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Experience",
|
||||
quote: "Smooth shopping process from start to finish.",
|
||||
name: "David Brown",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
},
|
||||
id: "5", title: "Great Experience", quote: "Smooth shopping process from start to finish.", name: "David Brown", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our happy customers across the world."
|
||||
@@ -310,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee on all products.",
|
||||
},
|
||||
id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long is shipping?",
|
||||
content: "Shipping usually takes between 3-5 business days within the country.",
|
||||
},
|
||||
id: "2", title: "How long is shipping?", content: "Shipping usually takes between 3-5 business days within the country."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -334,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Newsletter"
|
||||
description="Get exclusive deals and the latest product news directly to your inbox."
|
||||
@@ -350,54 +211,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Sales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user