Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -29,27 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "/categories",
|
||||
},
|
||||
name: "Categories", id: "/categories"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
]}
|
||||
brandName="ElectroHub"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,74 +49,37 @@ export default function LandingPage() {
|
||||
description="Discover the latest in premium gadgets, gaming gear, and smart technology designed for the future."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@alextech",
|
||||
testimonial: "The best tech shop! My new laptop arrived in perfect condition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg?_wi=1",
|
||||
imageAlt: "modern tech background neon glowing",
|
||||
},
|
||||
name: "Alex Rivers", handle: "@alextech", testimonial: "The best tech shop! My new laptop arrived in perfect condition.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "modern tech background neon glowing"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "Lightning fast shipping and great customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-typing-laptop_23-2149319325.jpg?_wi=1",
|
||||
imageAlt: "smartphone product photography premium",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@schen", testimonial: "Lightning fast shipping and great customer service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-typing-laptop_23-2149319325.jpg", imageAlt: "smartphone product photography premium"},
|
||||
{
|
||||
name: "Mark V.",
|
||||
handle: "@markv",
|
||||
testimonial: "Amazing selection of gaming peripherals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg?_wi=1",
|
||||
imageAlt: "gaming laptop dark room glowing",
|
||||
},
|
||||
name: "Mark V.", handle: "@markv", testimonial: "Amazing selection of gaming peripherals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg", imageAlt: "gaming laptop dark room glowing"},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elenak",
|
||||
testimonial: "Top-tier smart home products. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3287.jpg?_wi=1",
|
||||
imageAlt: "wireless headphones neon lighting",
|
||||
},
|
||||
name: "Elena K.", handle: "@elenak", testimonial: "Top-tier smart home products. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3287.jpg", imageAlt: "wireless headphones neon lighting"},
|
||||
{
|
||||
name: "James B.",
|
||||
handle: "@jamesb",
|
||||
testimonial: "Easy checkout and authentic products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg?_wi=1",
|
||||
imageAlt: "smartwatch digital display tech",
|
||||
},
|
||||
name: "James B.", handle: "@jamesb", testimonial: "Easy checkout and authentic products.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg", imageAlt: "smartwatch digital display tech"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10k+ tech enthusiasts"
|
||||
/>
|
||||
@@ -140,41 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "UltraSmart Phone X",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-typing-laptop_23-2149319325.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "UltraSmart Phone X", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-typing-laptop_23-2149319325.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Gaming Laptop",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Pro Gaming Laptop", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neon Audio Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3287.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Neon Audio Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3287.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Vision Watch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Smart Vision Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hologram-smartwatch-wearable-technology_53876-108508.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cyber Gaming Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-computer-desk-setup-with-hard-drive_58702-17219.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", name: "Cyber Gaming Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-computer-desk-setup-with-hard-drive_58702-17219.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sonic Hub Speaker",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-still-life_23-2149417036.jpg?_wi=1",
|
||||
},
|
||||
id: "p6", name: "Sonic Hub Speaker", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-still-life_23-2149417036.jpg"},
|
||||
]}
|
||||
title="Featured Gear"
|
||||
description="Hand-picked gadgets for power users."
|
||||
@@ -183,50 +112,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Student",
|
||||
company: "Tech University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Student", company: "Tech University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah C.",
|
||||
role: "Gamer",
|
||||
company: "Streamer Guild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah C.", role: "Gamer", company: "Streamer Guild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark V.",
|
||||
role: "Dev",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Mark V.", role: "Dev", company: "CodeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena K.",
|
||||
role: "Architect",
|
||||
company: "DesignLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "4", name: "Elena K.", role: "Architect", company: "DesignLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James B.",
|
||||
role: "Manager",
|
||||
company: "Growth Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
},
|
||||
id: "5", name: "James B.", role: "Manager", company: "Growth Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="What the community says about ElectroHub."
|
||||
@@ -239,35 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about shopping with ElectroHub."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long is shipping?",
|
||||
content: "Most orders arrive within 3-5 business days.",
|
||||
},
|
||||
id: "1", title: "How long is shipping?", content: "Most orders arrive within 3-5 business days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "2", title: "Do you offer returns?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are these products authentic?",
|
||||
content: "We only stock 100% authentic tech from verified partners.",
|
||||
},
|
||||
id: "3", title: "Are these products authentic?", content: "We only stock 100% authentic tech from verified partners."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Currently, we ship to North America and Europe.",
|
||||
},
|
||||
id: "4", title: "Do you offer international shipping?", content: "Currently, we ship to North America and Europe."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive a tracking link via email once shipped.",
|
||||
},
|
||||
id: "5", title: "How can I track my order?", content: "You will receive a tracking link via email once shipped."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,16 +166,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Connected"
|
||||
title="Need Help? Reach Out."
|
||||
description="Our AI support and experts are available 24/7 for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,33 +181,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "All Products", href: "/shop"},
|
||||
{
|
||||
label: "Smartphones",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Smartphones", href: "/shop"},
|
||||
{
|
||||
label: "Gaming",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Gaming", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user