Merge version_2 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechPulse"
|
||||
/>
|
||||
@@ -56,35 +48,21 @@ export default function LandingPage() {
|
||||
description="Revolutionizing your digital lifestyle with premium, high-utility tech gadgets. Curated quality for the modern pioneer."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Gadgets",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Gadgets", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=1",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=1", imageAlt: "Futuristic gadget studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=2",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=2", imageAlt: "Futuristic gadget studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=3",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=3", imageAlt: "Futuristic gadget studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=4",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=4", imageAlt: "Futuristic gadget studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=5",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=5", imageAlt: "Futuristic gadget studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=6",
|
||||
imageAlt: "Futuristic gadget studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=6", imageAlt: "Futuristic gadget studio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,19 +74,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Verified Quality",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Verified Quality", value: "100%"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Fast Delivery",
|
||||
value: "24h",
|
||||
},
|
||||
label: "Fast Delivery", value: "24h"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
label: "Customer Rating", value: "4.9"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smart Vision Watch",
|
||||
price: "$129.00",
|
||||
variant: "Midnight Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Smart Vision Watch", price: "$129.00", variant: "Midnight Black", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sonic Sound Canceller",
|
||||
price: "$189.00",
|
||||
variant: "Space Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-amplifier_23-2147781795.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Sonic Sound Canceller", price: "$189.00", variant: "Space Grey", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-amplifier_23-2147781795.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ultra Mech Keyboard",
|
||||
price: "$99.00",
|
||||
variant: "Ghost White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Ultra Mech Keyboard", price: "$99.00", variant: "Ghost White", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Snap Charge Pro",
|
||||
price: "$49.00",
|
||||
variant: "Space Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-power-bank-female-hand-blurred-background_169016-15468.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Snap Charge Pro", price: "$49.00", variant: "Space Black", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-power-bank-female-hand-blurred-background_169016-15468.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "BioHealth Ring",
|
||||
price: "$249.00",
|
||||
variant: "Metallic Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27217.jpg",
|
||||
},
|
||||
id: "5", name: "BioHealth Ring", price: "$249.00", variant: "Metallic Gold", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27217.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Urban Vision Shades",
|
||||
price: "$79.00",
|
||||
variant: "Classic Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-tourist-woman-having-fun-amusement-park-hot-summer-day-trip_346278-454.jpg",
|
||||
},
|
||||
id: "6", name: "Urban Vision Shades", price: "$79.00", variant: "Classic Black", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-tourist-woman-having-fun-amusement-park-hot-summer-day-trip_346278-454.jpg"},
|
||||
]}
|
||||
title="Winning Collection"
|
||||
description="Our most popular tech accessories, tested for quality and performance."
|
||||
@@ -175,60 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivier",
|
||||
date: "Oct 2024",
|
||||
title: "Game Changer",
|
||||
quote: "The build quality is insane. My productivity doubled since I started using their gear.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-beige-suit_158538-908.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=7",
|
||||
imageAlt: "futuristic high-tech workspace",
|
||||
},
|
||||
id: "1", name: "Alex Rivier", date: "Oct 2024", title: "Game Changer", quote: "The build quality is insane. My productivity doubled since I started using their gear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-beige-suit_158538-908.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=7", imageAlt: "futuristic high-tech workspace"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
date: "Sept 2024",
|
||||
title: "Top Notch",
|
||||
quote: "Fast delivery and the product looks even better in person than online.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=2",
|
||||
imageAlt: "smartwatch product studio shot",
|
||||
},
|
||||
id: "2", name: "Sarah J.", date: "Sept 2024", title: "Top Notch", quote: "Fast delivery and the product looks even better in person than online.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=2", imageAlt: "smartwatch product studio shot"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Evans",
|
||||
date: "Aug 2024",
|
||||
title: "Future proof",
|
||||
quote: "Best tech accessory store on the market right now. Simple as that.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-glasses-with-digital-tablet_1262-15065.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-amplifier_23-2147781795.jpg?_wi=2",
|
||||
imageAlt: "wireless headphones studio photography",
|
||||
},
|
||||
id: "3", name: "Mark Evans", date: "Aug 2024", title: "Future proof", quote: "Best tech accessory store on the market right now. Simple as that.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-student-glasses-with-digital-tablet_1262-15065.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-amplifier_23-2147781795.jpg?_wi=2", imageAlt: "wireless headphones studio photography"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Chen",
|
||||
date: "July 2024",
|
||||
title: "Innovative",
|
||||
quote: "The product design is sleek and the utility is exactly what they promised.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg?_wi=2",
|
||||
imageAlt: "mechanical keyboard dark shot",
|
||||
},
|
||||
id: "4", name: "Emily Chen", date: "July 2024", title: "Innovative", quote: "The product design is sleek and the utility is exactly what they promised.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg?_wi=2", imageAlt: "mechanical keyboard dark shot"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason Todd",
|
||||
date: "June 2024",
|
||||
title: "Solid Tech",
|
||||
quote: "Great pricing and even better after-sales support. Highly recommend.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-power-bank-female-hand-blurred-background_169016-15468.jpg?_wi=2",
|
||||
imageAlt: "wireless charger minimalist design",
|
||||
},
|
||||
id: "5", name: "Jason Todd", date: "June 2024", title: "Solid Tech", quote: "Great pricing and even better after-sales support. Highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-power-bank-female-hand-blurred-background_169016-15468.jpg?_wi=2", imageAlt: "wireless charger minimalist design"},
|
||||
]}
|
||||
title="Trusted by Pioneers"
|
||||
description="See why thousands trust TechPulse for their daily tech gear."
|
||||
@@ -239,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Elite Club"
|
||||
description="Get exclusive early access to new drops and secret discount codes."
|
||||
@@ -251,54 +147,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -309,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user