Update src/app/page.tsx
This commit is contained in:
167
src/app/page.tsx
167
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import { Instagram, Linkedin, Twitter, Zap, BatteryCharging, ShieldCheck, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
name: "Catalog", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechHaven"
|
||||
/>
|
||||
@@ -56,35 +48,21 @@ export default function LandingPage() {
|
||||
description="Experience the next generation of performance and innovation in every device. Your gateway to premium electronics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-office_23-2148006547.jpg",
|
||||
imageAlt: "Wireless gadgets showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-office_23-2148006547.jpg", imageAlt: "Wireless gadgets showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "Modern laptop display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Modern laptop display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-phone-marble-table_53876-65480.jpg",
|
||||
imageAlt: "Headphones focus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-phone-marble-table_53876-65480.jpg", imageAlt: "Headphones focus"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170140.jpg",
|
||||
imageAlt: "Monitor setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170140.jpg", imageAlt: "Monitor setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg",
|
||||
imageAlt: "Gadget setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg", imageAlt: "Gadget setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2308.jpg",
|
||||
imageAlt: "Computing display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2308.jpg", imageAlt: "Computing display"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,28 +73,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Connectivity",
|
||||
description: "Cutting edge wireless technology for all your devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Fast Connectivity", description: "Cutting edge wireless technology for all your devices.", imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Maximized Battery",
|
||||
description: "Long-lasting power solutions for every product.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/environmental-light-bulb-logo-vector-with-green-energy-text_53876-125967.jpg",
|
||||
buttonIcon: "BatteryCharging",
|
||||
title: "Maximized Battery", description: "Long-lasting power solutions for every product.", imageSrc: "http://img.b2bpic.net/free-vector/environmental-light-bulb-logo-vector-with-green-energy-text_53876-125967.jpg", buttonIcon: BatteryCharging,
|
||||
},
|
||||
{
|
||||
title: "Precision Build",
|
||||
description: "Ergonomic designs meeting high-performance standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-electronic-circuit-board_23-2148284283.jpg",
|
||||
buttonIcon: "ShieldCheck",
|
||||
title: "Precision Build", description: "Ergonomic designs meeting high-performance standards.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-electronic-circuit-board_23-2148284283.jpg", buttonIcon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every item undergoes rigorous stress testing before sale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protection-security-rights-guarantee-illustration_53876-123003.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Verified Quality", description: "Every item undergoes rigorous stress testing before sale.", imageSrc: "http://img.b2bpic.net/free-photo/protection-security-rights-guarantee-illustration_53876-123003.jpg", buttonIcon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose TechHaven?"
|
||||
@@ -132,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Wireless Headphones",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-wireless-headphones-technology_23-2149491804.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Wireless Headphones", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-wireless-headphones-technology_23-2149491804.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gaming Mouse X",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-with-colorful-led-lights_250224-283.jpg",
|
||||
},
|
||||
id: "p2", name: "Gaming Mouse X", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-with-colorful-led-lights_250224-283.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "4K Ultra-Slim Monitor",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-background_23-2150530970.jpg",
|
||||
},
|
||||
id: "p3", name: "4K Ultra-Slim Monitor", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/black-white-background_23-2150530970.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Titanium Smartwatch",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803054.jpg",
|
||||
},
|
||||
id: "p4", name: "Titanium Smartwatch", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803054.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mirrorless Camera V",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-dslr-camera-body_482257-122591.jpg",
|
||||
},
|
||||
id: "p5", name: "Mirrorless Camera V", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-dslr-camera-body_482257-122591.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Backlit Keyboard K",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg",
|
||||
},
|
||||
id: "p6", name: "Backlit Keyboard K", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg"},
|
||||
]}
|
||||
title="New In Stock"
|
||||
description="Browse our latest selection of handpicked electronics."
|
||||
@@ -179,55 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
date: "Jan 2025",
|
||||
title: "Senior Engineer",
|
||||
quote: "TechHaven delivers the best high-end hardware I have used.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", date: "Jan 2025", title: "Senior Engineer", quote: "TechHaven delivers the best high-end hardware I have used.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
date: "Feb 2025",
|
||||
title: "Developer",
|
||||
quote: "Excellent selection and lightning fast delivery.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269936.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", date: "Feb 2025", title: "Developer", quote: "Excellent selection and lightning fast delivery.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269936.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
date: "Mar 2025",
|
||||
title: "Creative Lead",
|
||||
quote: "My go-to store for all professional production gear.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Ross", date: "Mar 2025", title: "Creative Lead", quote: "My go-to store for all professional production gear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
date: "Apr 2025",
|
||||
title: "Marketing Manager",
|
||||
quote: "Best in class products. Couldn't be happier.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-woman-professional-attire_23-2152009547.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wu", date: "Apr 2025", title: "Marketing Manager", quote: "Best in class products. Couldn't be happier.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-woman-professional-attire_23-2152009547.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
date: "May 2025",
|
||||
title: "IT Consultant",
|
||||
quote: "Highly reliable store, will shop again.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa Wang", date: "May 2025", title: "IT Consultant", quote: "Highly reliable store, will shop again.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="See why professionals choose TechHaven for their daily tech gear."
|
||||
@@ -238,8 +140,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Get Early Access"
|
||||
description="Sign up to receive updates on our exclusive product launches and tech news."
|
||||
@@ -253,19 +154,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user