Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-05-11 18:37:35 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="TechGadgets" brandName="TechGadgets"
/> />
@@ -55,71 +47,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Future of Technology at Your Fingertips" title="Future of Technology at Your Fingertips"
description="Discover our collection of high-performance gadgets designed for the modern lifestyle. Experience quality, innovation, and style in every device." description="Discover our collection of high-performance gadgets designed for the modern lifestyle. Experience quality, innovation, and style in every device."
kpis={[ kpis={[
{ {
value: "100+", value: "100+", label: "Gadgets Available"},
label: "Gadgets Available",
},
{ {
value: "50k+", value: "50k+", label: "Happy Users"},
label: "Happy Users",
},
{ {
value: "4.9/5", value: "4.9/5", label: "Customer Rating"},
label: "Customer Rating",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg" imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", alt: "Satisfied customer 1"},
alt: "Satisfied customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg", src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg", alt: "Satisfied customer 2"},
alt: "Satisfied customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-sitting-using-his-phone-outside_23-2148283865.jpg", src: "http://img.b2bpic.net/free-photo/man-sitting-using-his-phone-outside_23-2148283865.jpg", alt: "Satisfied customer 3"},
alt: "Satisfied customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-concept-stylish-curly-haired-woman-walks-outdoors-with-digital-tablet-takeaway-coffee-focused-aside-wears-sunglasses-jacket-stands-against-modern-glass-building_273609-62234.jpg", src: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-concept-stylish-curly-haired-woman-walks-outdoors-with-digital-tablet-takeaway-coffee-focused-aside-wears-sunglasses-jacket-stands-against-modern-glass-building_273609-62234.jpg", alt: "Satisfied customer 4"},
alt: "Satisfied customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", alt: "Satisfied customer 5"},
alt: "Satisfied customer 5",
},
]} ]}
avatarText="Trusted by 50,000+ tech enthusiasts" avatarText="Trusted by 50,000+ tech enthusiasts"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Next-Gen Audio"},
text: "Next-Gen Audio",
},
{ {
type: "text", type: "text", text: "Smart Wearables"},
text: "Smart Wearables",
},
{ {
type: "text", type: "text", text: "Wireless Charging"},
text: "Wireless Charging",
},
{ {
type: "text", type: "text", text: "Performance Laptops"},
text: "Performance Laptops",
},
{ {
type: "text", type: "text", text: "Pro Gaming Gear"},
text: "Pro Gaming Gear",
},
]} ]}
/> />
</div> </div>
@@ -129,9 +94,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Innovating the Everyday" title="Innovating the Everyday"
description={[ description={[
"At TechGadgets, we believe in bringing the future to you today. We curate the latest in personal electronics and digital accessories.", "At TechGadgets, we believe in bringing the future to you today. We curate the latest in personal electronics and digital accessories.", "Our team rigorously tests every product to ensure quality, durability, and a premium user experience."]}
"Our team rigorously tests every product to ensure quality, durability, and a premium user experience.",
]}
/> />
</div> </div>
@@ -142,45 +105,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Premium Sound", tags: [
title: "Premium Sound", "Audio"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg"},
"Audio",
],
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
},
{ {
id: "f2", id: "f2", title: "Smart Tracking", tags: [
title: "Smart Tracking", "Wearables"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803052.jpg"},
"Wearables",
],
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803052.jpg",
},
{ {
id: "f3", id: "f3", title: "Wireless Power", tags: [
title: "Wireless Power", "Accessories"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-blue-cellphone-headphones-laptop-origami-wooden-surface_181624-60489.jpg"},
"Accessories",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-blue-cellphone-headphones-laptop-origami-wooden-surface_181624-60489.jpg",
},
{ {
id: "f4", id: "f4", title: "Precision Design", tags: [
title: "Precision Design", "Hardware"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-ssd-laptop-view_23-2149328278.jpg"},
"Hardware",
],
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-ssd-laptop-view_23-2149328278.jpg",
},
{ {
id: "f5", id: "f5", title: "AI Integration", tags: [
title: "AI Integration", "Smart"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/innovative-smartphone-charger-advanced-technology-concept_53876-30409.jpg"},
"Smart",
],
imageSrc: "http://img.b2bpic.net/free-photo/innovative-smartphone-charger-advanced-technology-concept_53876-30409.jpg",
},
]} ]}
title="Engineered for Excellence" title="Engineered for Excellence"
description="Explore the unique features that make our tech gadgets stand out." description="Explore the unique features that make our tech gadgets stand out."
@@ -190,52 +133,25 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split-actions"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[
{ text: "Add to Cart" }
]}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Flagship Smartphone", price: "$899", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"},
name: "Flagship Smartphone",
price: "$899",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",
},
{ {
id: "p2", id: "p2", name: "Pro Wireless Buds", price: "$199", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074258.jpg"},
name: "Pro Wireless Buds",
price: "$199",
variant: "White",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074258.jpg",
},
{ {
id: "p3", id: "p3", name: "RGB Gaming Mouse", price: "$79", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/close-up-crocodile-neon-light_23-2151835026.jpg"},
name: "RGB Gaming Mouse",
price: "$79",
variant: "Midnight",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-crocodile-neon-light_23-2151835026.jpg",
},
{ {
id: "p4", id: "p4", name: "High Perf Laptop", price: "$1299", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-composition-desk_23-2147982556.jpg"},
name: "High Perf Laptop",
price: "$1299",
variant: "Silver",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-composition-desk_23-2147982556.jpg",
},
{ {
id: "p5", id: "p5", name: "Tablet Pro 12", price: "$699", variant: "Slate", imageSrc: "http://img.b2bpic.net/free-photo/notepad-with-pen-near-tablet_23-2147823729.jpg"},
name: "Tablet Pro 12",
price: "$699",
variant: "Slate",
imageSrc: "http://img.b2bpic.net/free-photo/notepad-with-pen-near-tablet_23-2147823729.jpg",
},
{ {
id: "p6", id: "p6", name: "4K Action Cam", price: "$349", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/closeup-retro-camera-luggage-with-traveler-man-sitting-sofa-background-young-man-has-packed-his-luggage-is-ready-go-travel-holiday-vacation-concept_1150-61737.jpg"},
name: "4K Action Cam",
price: "$349",
variant: "Obsidian",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-retro-camera-luggage-with-traveler-man-sitting-sofa-background-young-man-has-packed-his-luggage-is-ready-go-travel-holiday-vacation-concept_1150-61737.jpg",
},
]} ]}
title="Top Tech Picks" title="Top Tech Picks"
description="Browse our hand-picked selection of top-rated tech gadgets." description="Browse our hand-picked selection of top-rated tech gadgets."
@@ -250,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10k+", description: "Global Shipments"},
value: "10k+",
description: "Global Shipments",
},
{ {
id: "m2", id: "m2", value: "200+", description: "Expert Partners"},
value: "200+",
description: "Expert Partners",
},
{ {
id: "m3", id: "m3", value: "5", description: "Years of Innovation"},
value: "5",
description: "Years of Innovation",
},
]} ]}
title="Global Impact" title="Global Impact"
description="We are proud to serve tech enthusiasts across the globe." description="We are proud to serve tech enthusiasts across the globe."
@@ -277,40 +184,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alex R.", role: "Tech Enthusiast", testimonial: "Best gadgets I've ever owned. Fast delivery and premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg"},
name: "Alex R.",
role: "Tech Enthusiast",
testimonial: "Best gadgets I've ever owned. Fast delivery and premium quality.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg",
},
{ {
id: "t2", id: "t2", name: "Sarah P.", role: "Creative", testimonial: "The headphones sound incredible. A truly modern store.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg"},
name: "Sarah P.",
role: "Creative",
testimonial: "The headphones sound incredible. A truly modern store.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",
},
{ {
id: "t3", id: "t3", name: "David M.", role: "Developer", testimonial: "Excellent service and top-notch hardware.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-checking-website-stock-find-items-store-mall_482257-88626.jpg"},
name: "David M.",
role: "Developer",
testimonial: "Excellent service and top-notch hardware.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-checking-website-stock-find-items-store-mall_482257-88626.jpg",
},
{ {
id: "t4", id: "t4", name: "Elena K.", role: "Designer", testimonial: "The smart features are game changers for my work.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg"},
name: "Elena K.",
role: "Designer",
testimonial: "The smart features are game changers for my work.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg",
},
{ {
id: "t5", id: "t5", name: "Marcus J.", role: "Gamer", testimonial: "The RGB peripherals have completely transformed my desk setup.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-gaming-headset-playing-multiplayer-online-action-game-streaming-gameplay-professional-pc-setup-gamer-looking-computer-screen-while-talking-team-members-tournament_482257-49310.jpg"},
name: "Marcus J.",
role: "Gamer",
testimonial: "The RGB peripherals have completely transformed my desk setup.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-gaming-headset-playing-multiplayer-online-action-game-streaming-gameplay-professional-pc-setup-gamer-looking-computer-screen-while-talking-team-members-tournament_482257-49310.jpg",
},
]} ]}
title="Community Voices" title="Community Voices"
description="Hear what our amazing customers have to say about their experience." description="Hear what our amazing customers have to say about their experience."
@@ -323,20 +205,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What is the return policy?", content: "You can return items within 30 days of purchase in original packaging."},
title: "What is the return policy?",
content: "You can return items within 30 days of purchase in original packaging.",
},
{ {
id: "q2", id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship globally to over 50 countries."},
title: "Do you offer international shipping?",
content: "Yes, we ship globally to over 50 countries.",
},
{ {
id: "q3", id: "q3", title: "How long is the warranty?", content: "Most gadgets include a 1-year manufacturer warranty."},
title: "How long is the warranty?",
content: "Most gadgets include a 1-year manufacturer warranty.",
},
]} ]}
title="Common Inquiries" title="Common Inquiries"
description="Find answers to frequently asked questions about our products." description="Find answers to frequently asked questions about our products."
@@ -351,22 +224,14 @@ export default function LandingPage() {
description="Have questions? Our support team is ready to assist you." description="Have questions? Our support team is ready to assist you."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 4,
placeholder: "Your Message",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95188.jpg" imageSrc="http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95188.jpg"
@@ -377,29 +242,19 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "Gadgets", label: "Gadgets", href: "#products"},
href: "#products",
},
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}
@@ -409,4 +264,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }