Merge version_1 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,59 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="TechStore"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Future of Electronics"
|
||||
description="Experience the latest in cutting-edge technology, delivered straight to your door with unmatched quality and support."
|
||||
tag="New Arrivals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-white-shelves_1203-849.jpg",
|
||||
imageAlt: "electronics store modern showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-white-shelves_1203-849.jpg", imageAlt: "electronics store modern showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-discounts-young-man-shopping-black-friday-fashion-boutique-looking-discounts-holiday-season-sales-laptop-with-chroma-key-green-screen-standing-clothing-rack_482257-69289.jpg",
|
||||
imageAlt: "gadgets floating blue glow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg",
|
||||
imageAlt: "Abstract blur shopping mall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-counters-blurred_1203-846.jpg",
|
||||
imageAlt: "Glass counters blurred",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9508.jpg",
|
||||
imageAlt: "Abstract blur and defocused shopping mall",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-discounts-young-man-shopping-black-friday-fashion-boutique-looking-discounts-holiday-season-sales-laptop-with-chroma-key-green-screen-standing-clothing-rack_482257-69289.jpg", imageAlt: "gadgets floating blue glow"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,23 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Engineering",
|
||||
description: "Cutting-edge hardware for every modern professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174329.jpg",
|
||||
imageAlt: "advanced circuit board tech",
|
||||
},
|
||||
title: "Advanced Engineering", description: "Cutting-edge hardware for every modern professional.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174329.jpg", imageAlt: "advanced circuit board tech"},
|
||||
{
|
||||
title: "High-Fidelity Audio",
|
||||
description: "Crystal clear sound for music and media lovers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg",
|
||||
imageAlt: "modern wireless headphones tech",
|
||||
},
|
||||
title: "High-Fidelity Audio", description: "Crystal clear sound for music and media lovers.", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg", imageAlt: "modern wireless headphones tech"},
|
||||
{
|
||||
title: "Innovative Productivity",
|
||||
description: "Tools designed for maximum efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/economic-analyst-uses-white-screen-layout-tablet-office_482257-92264.jpg",
|
||||
imageAlt: "futuristic tablet gadget tech",
|
||||
},
|
||||
title: "Innovative Productivity", description: "Tools designed for maximum efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/economic-analyst-uses-white-screen-layout-tablet-office_482257-92264.jpg", imageAlt: "futuristic tablet gadget tech"},
|
||||
]}
|
||||
title="Why Choose TechStore?"
|
||||
description="We offer the best selection of high-end gadgets combined with expert service."
|
||||
@@ -130,53 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Flagship Smartphone",
|
||||
price: "$999",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleek-black-smartphone-reflective-surface_9975-134352.jpg",
|
||||
imageAlt: "premium smartphone black glass",
|
||||
},
|
||||
id: "p1", name: "Flagship Smartphone", price: "$999", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/sleek-black-smartphone-reflective-surface_9975-134352.jpg", imageAlt: "premium smartphone black glass"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro DSLR Camera",
|
||||
price: "$1,499",
|
||||
variant: "Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-cameras-amidst-film-tapes-cartridges_23-2147852358.jpg",
|
||||
imageAlt: "pro camera electronics gear",
|
||||
},
|
||||
id: "p2", name: "Pro DSLR Camera", price: "$1,499", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/row-cameras-amidst-film-tapes-cartridges_23-2147852358.jpg", imageAlt: "pro camera electronics gear"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sleek Ultrabook",
|
||||
price: "$1,299",
|
||||
variant: "Space Gray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-grey-shirt-bright-blue-jeans-using-laptop-holding-white-card_140725-25544.jpg",
|
||||
imageAlt: "slim metallic laptop tech",
|
||||
},
|
||||
id: "p3", name: "Sleek Ultrabook", price: "$1,299", variant: "Space Gray", imageSrc: "http://img.b2bpic.net/free-photo/female-grey-shirt-bright-blue-jeans-using-laptop-holding-white-card_140725-25544.jpg", imageAlt: "slim metallic laptop tech"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Fitness Watch",
|
||||
price: "$299",
|
||||
variant: "Midnight Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722652.jpg",
|
||||
imageAlt: "modern smart watch gadget",
|
||||
},
|
||||
id: "p4", name: "Smart Fitness Watch", price: "$299", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722652.jpg", imageAlt: "modern smart watch gadget"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Premium Wireless Speakers",
|
||||
price: "$599",
|
||||
variant: "Matte White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170096.jpg",
|
||||
imageAlt: "high fidelity audio speakers",
|
||||
},
|
||||
id: "p5", name: "Premium Wireless Speakers", price: "$599", variant: "Matte White", imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170096.jpg", imageAlt: "high fidelity audio speakers"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pro Gaming Controller",
|
||||
price: "$149",
|
||||
variant: "Graphite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-headphones-near-laptop_23-2148618641.jpg",
|
||||
imageAlt: "gaming controller ergonomic tech",
|
||||
},
|
||||
id: "p6", name: "Pro Gaming Controller", price: "$149", variant: "Graphite", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-headphones-near-laptop_23-2148618641.jpg", imageAlt: "gaming controller ergonomic tech"},
|
||||
]}
|
||||
title="Our Best-Selling Tech"
|
||||
description="Explore our curated collection of premium gadgets."
|
||||
@@ -190,26 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K+",
|
||||
title: "Devices Sold",
|
||||
description: "High-quality products shipped.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
|
||||
},
|
||||
id: "m1", value: "100K+", title: "Devices Sold", description: "High-quality products shipped.", imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Delivering quality consistently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "Customer Satisfaction", description: "Delivering quality consistently.", imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Shipping Nations",
|
||||
description: "Global distribution network.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-binary-code-digits-technology-software-concept_53876-122986.jpg",
|
||||
},
|
||||
id: "m3", value: "50+", title: "Shipping Nations", description: "Global distribution network.", imageSrc: "http://img.b2bpic.net/free-photo/global-binary-code-digits-technology-software-concept_53876-122986.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving thousands of tech enthusiasts across the globe."
|
||||
@@ -224,45 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Lead",
|
||||
company: "DesignLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Creative Lead", company: "DesignLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Full Stack Dev",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girls-electronics-shop-testing-phones-shop-window-concept-buying-gadgets_78826-3137.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Full Stack Dev", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girls-electronics-shop-testing-phones-shop-window-concept-buying-gadgets_78826-3137.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Rodriguez",
|
||||
role: "Founder",
|
||||
company: "Startup Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10742.jpg",
|
||||
},
|
||||
id: "t3", name: "Alex Rodriguez", role: "Founder", company: "Startup Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10742.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie Smith",
|
||||
role: "UI Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg",
|
||||
},
|
||||
id: "t4", name: "Jamie Smith", role: "UI Designer", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan Lee",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-connected-social-media_23-2149160249.jpg",
|
||||
},
|
||||
id: "t5", name: "Jordan Lee", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-connected-social-media_23-2149160249.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Join our community of happy gadget owners."
|
||||
@@ -274,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Sony",
|
||||
"Apple",
|
||||
"Logitech",
|
||||
"Samsung",
|
||||
"Intel",
|
||||
]}
|
||||
"Microsoft", "Google", "Sony", "Apple", "Logitech", "Samsung", "Intel"]}
|
||||
title="Trusted by Brands"
|
||||
description="We partner with top-tier technology companies."
|
||||
/>
|
||||
@@ -292,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, every product comes with a standard 12-month manufacturer warranty.",
|
||||
},
|
||||
id: "f1", title: "Do you offer warranty?", content: "Yes, every product comes with a standard 12-month manufacturer warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is international shipping available?",
|
||||
content: "We ship to over 50 countries worldwide with secure transit protocols.",
|
||||
},
|
||||
id: "f2", title: "Is international shipping available?", content: "We ship to over 50 countries worldwide with secure transit protocols."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I return a product?",
|
||||
content: "Returns are easy within 30 days of purchase for unused, original condition items.",
|
||||
},
|
||||
id: "f3", title: "How can I return a product?", content: "Returns are easy within 30 days of purchase for unused, original condition items."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about shopping with us."
|
||||
@@ -317,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Stay Informed"
|
||||
description="Sign up for updates on new tech releases and exclusive store promotions."
|
||||
@@ -332,54 +200,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Smartphones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Smartphones", href: "#products"},
|
||||
{
|
||||
label: "Laptops",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Laptops", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user