Merge version_2 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Shop Pro"
|
||||
/>
|
||||
@@ -57,71 +49,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Premium Shopping"
|
||||
description="Discover our carefully curated collection of high-end products. Built for speed, security, and your ultimate convenience."
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Happy Shoppers",
|
||||
},
|
||||
value: "100K+", label: "Happy Shoppers"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Security Uptime",
|
||||
},
|
||||
value: "99.9%", label: "Security Uptime"},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Products Delivered",
|
||||
},
|
||||
value: "5M+", label: "Products Delivered"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-computer-credit-card_1157-45892.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-computer-credit-card_1157-45892.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-surfing-internet-pay-by-card_624325-1078.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-surfing-internet-pay-by-card_624325-1078.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-man-standing-cafe-with-shopping-bags_1157-32565.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-man-standing-cafe-with-shopping-bags_1157-32565.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rich-girl-paying-everyone-celebrating-promotion-work-si_197531-30847.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rich-girl-paying-everyone-celebrating-promotion-work-si_197531-30847.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-after-shopping_23-2147786792.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-after-shopping_23-2147786792.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 100k+ global shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Premium Support",
|
||||
},
|
||||
type: "text", text: "24/7 Premium Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Latest Trends",
|
||||
},
|
||||
type: "text", text: "Latest Trends"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Returns",
|
||||
},
|
||||
type: "text", text: "Easy Returns"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,17 +99,11 @@ export default function LandingPage() {
|
||||
description="We are dedicated to revolutionizing the online shopping experience. By combining cutting-edge technology with world-class customer service, we ensure your satisfaction every step of the way."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Bank-grade encryption for every transaction.",
|
||||
},
|
||||
title: "Secure Payments", description: "Bank-grade encryption for every transaction."},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Global delivery in record time.",
|
||||
},
|
||||
title: "Fast Shipping", description: "Global delivery in record time."},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Expert assistance whenever you need it.",
|
||||
},
|
||||
title: "24/7 Support", description: "Expert assistance whenever you need it."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-happy-woman-using-computer-while-writing-email-working-courier-s-office_637285-6617.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -159,62 +118,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BrandX",
|
||||
name: "Premium Wireless Headset",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hand-made-objects-with-copy-space_23-2148732439.jpg",
|
||||
id: "p1", brand: "BrandX", name: "Premium Wireless Headset", price: "$199", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hand-made-objects-with-copy-space_23-2148732439.jpg", onProductClick: () => console.log("View Details: p1")
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "TechCo",
|
||||
name: "Smart Watch Pro",
|
||||
price: "$299",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-with-luxury-vibe-featuring-spacious-living-room_482257-120668.jpg",
|
||||
id: "p2", brand: "TechCo", name: "Smart Watch Pro", price: "$299", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-with-luxury-vibe-featuring-spacious-living-room_482257-120668.jpg", onProductClick: () => console.log("View Details: p2")
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AudioTech",
|
||||
name: "Noise Cancelling Buds",
|
||||
price: "$149",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg",
|
||||
id: "p3", brand: "AudioTech", name: "Noise Cancelling Buds", price: "$149", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg", onProductClick: () => console.log("View Details: p3")
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "HomeGear",
|
||||
name: "Smart Home Hub",
|
||||
price: "$99",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36710.jpg",
|
||||
id: "p4", brand: "HomeGear", name: "Smart Home Hub", price: "$99", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36710.jpg", onProductClick: () => console.log("View Details: p4")
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "GadgetInc",
|
||||
name: "Ergonomic Keyboard",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-workstation-with-computer-peripheral-devices_23-2150714183.jpg",
|
||||
id: "p5", brand: "GadgetInc", name: "Ergonomic Keyboard", price: "$129", rating: 5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/3d-workstation-with-computer-peripheral-devices_23-2150714183.jpg", onProductClick: () => console.log("View Details: p5")
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Visionary",
|
||||
name: "Ultra HD Webcam",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309662.jpg",
|
||||
id: "p6", brand: "Visionary", name: "Ultra HD Webcam", price: "$89", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309662.jpg", onProductClick: () => console.log("View Details: p6")
|
||||
},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Browse our hand-picked inventory from leading global brands."
|
||||
buttons={[{ text: "Buy Now", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,52 +155,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Standard shopping access.",
|
||||
button: {
|
||||
text: "Start Shopping",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"Standard Shipping",
|
||||
"Basic Support",
|
||||
"Wishlist",
|
||||
],
|
||||
id: "basic", tag: "Free", price: "$0", period: "/mo", description: "Standard shopping access.", button: {
|
||||
text: "Start Shopping"},
|
||||
featuresTitle: "Included Features", features: [
|
||||
"Standard Shipping", "Basic Support", "Wishlist"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Popular",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
description: "Enhanced shopping experience.",
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
featuresTitle: "Pro Benefits",
|
||||
features: [
|
||||
"Free Shipping",
|
||||
"Priority Support",
|
||||
"Early Access",
|
||||
],
|
||||
id: "pro", tag: "Popular", price: "$19", period: "/mo", description: "Enhanced shopping experience.", button: {
|
||||
text: "Join Pro"},
|
||||
featuresTitle: "Pro Benefits", features: [
|
||||
"Free Shipping", "Priority Support", "Early Access"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
tag: "Elite",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Ultimate convenience.",
|
||||
button: {
|
||||
text: "Go Elite",
|
||||
},
|
||||
featuresTitle: "Elite Perks",
|
||||
features: [
|
||||
"VIP Shipping",
|
||||
"24/7 Concierge",
|
||||
"Annual Gifts",
|
||||
],
|
||||
id: "elite", tag: "Elite", price: "$49", period: "/mo", description: "Ultimate convenience.", button: {
|
||||
text: "Go Elite"},
|
||||
featuresTitle: "Elite Perks", features: [
|
||||
"VIP Shipping", "24/7 Concierge", "Annual Gifts"],
|
||||
},
|
||||
]}
|
||||
title="Simple Membership"
|
||||
@@ -286,25 +186,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Total Users",
|
||||
description: "Active monthly shoppers.",
|
||||
icon: Users,
|
||||
id: "m1", value: "1.2M", title: "Total Users", description: "Active monthly shoppers.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Brands",
|
||||
description: "Partners on our platform.",
|
||||
icon: Shield,
|
||||
id: "m2", value: "450+", title: "Brands", description: "Partners on our platform.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Post-purchase happiness.",
|
||||
icon: Star,
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Post-purchase happiness.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
@@ -320,23 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Wong",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-working-laptop-holding-card_23-2148304932.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Wong", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-working-laptop-holding-card_23-2148304932.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-notebook-copyspace-laptop-shopping-bag_1421-569.jpg",
|
||||
},
|
||||
id: "t2", name: "David Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-notebook-copyspace-laptop-shopping-bag_1421-569.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-excited-adult-buying-home-sitting_1421-568.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/laptop-excited-adult-buying-home-sitting_1421-568.jpg"},
|
||||
]}
|
||||
title="Behind the Scenes"
|
||||
description="Meet the experts building your shopping future."
|
||||
@@ -351,25 +227,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-showing-pretty-woman-shopping-online-with-credit-card-woman-holding-credit-card-using-laptop-online-shopping-concept_657921-424.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-showing-pretty-woman-shopping-online-with-credit-card-woman-holding-credit-card-using-laptop-online-shopping-concept_657921-424.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -382,20 +248,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my payment secure?",
|
||||
content: "Yes, we use industry-standard bank-grade encryption.",
|
||||
},
|
||||
id: "f1", title: "Is my payment secure?", content: "Yes, we use industry-standard bank-grade encryption."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of delivery.",
|
||||
},
|
||||
id: "f2", title: "What is the return policy?", content: "You can return items within 30 days of delivery."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We ship to over 150 countries globally.",
|
||||
},
|
||||
id: "f3", title: "Do you ship worldwide?", content: "We ship to over 150 countries globally."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -407,14 +264,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Our team is available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -423,42 +277,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Electronics",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Electronics", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -469,4 +308,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user