Merge version_2 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VoltEdge"
|
||||
/>
|
||||
@@ -54,42 +46,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Upgrade Your World"
|
||||
title="Elevate Your Digital Life with Precision Tech"
|
||||
description="Premium smart devices designed for the future. Experience unmatched performance, elegant design, and seamless connectivity at your fingertips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103096.jpg?_wi=1"
|
||||
imageAlt="electronics display dark background neon yellow"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-uv-ultraviolet-light-composition_23-2149243972.jpg",
|
||||
alt: "Abstract uv ultraviolet light composition",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-uv-ultraviolet-light-composition_23-2149243972.jpg", alt: "Abstract uv ultraviolet light composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074251.jpg",
|
||||
alt: "Wireless earbuds with neon cyberpunk style lighting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074251.jpg", alt: "Wireless earbuds with neon cyberpunk style lighting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710757.jpg",
|
||||
alt: "3d neon lights background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710757.jpg", alt: "3d neon lights background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349222.jpg",
|
||||
alt: "Neon robot vacuum cleaner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349222.jpg", alt: "Neon robot vacuum cleaner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-afro-american-muscular-man-checking-time_171337-9264.jpg",
|
||||
alt: "Cropped photo of afro american muscular man checking time",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-afro-american-muscular-man-checking-time_171337-9264.jpg", alt: "Cropped photo of afro american muscular man checking time"},
|
||||
]}
|
||||
avatarText="Join 10,000+ tech pioneers"
|
||||
/>
|
||||
@@ -112,29 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Health Tracking",
|
||||
descriptions: [
|
||||
"Advanced sensors for 24/7 wellness monitoring.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Precision Health Tracking", descriptions: [
|
||||
"Advanced sensors for 24/7 wellness monitoring."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Immersive Sound Fidelity",
|
||||
descriptions: [
|
||||
"Crystal clear audio engineered for studio-like quality.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Immersive Sound Fidelity", descriptions: [
|
||||
"Crystal clear audio engineered for studio-like quality."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Unified Ecosystem",
|
||||
descriptions: [
|
||||
"Seamless sync across your devices for daily ease.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg",
|
||||
},
|
||||
id: "f3", title: "Unified Ecosystem", descriptions: [
|
||||
"Seamless sync across your devices for daily ease."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg"},
|
||||
]}
|
||||
title="Engineered for Excellence"
|
||||
description="Explore the advanced capabilities built into every device we offer, pushing the limits of current tech."
|
||||
@@ -149,59 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Volt",
|
||||
name: "Elite Watch Pro",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2054.jpg",
|
||||
},
|
||||
id: "p1", brand: "Volt", name: "Elite Watch Pro", price: "$299", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2054.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sonic",
|
||||
name: "Studio Headphones",
|
||||
price: "$349",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722694.jpg",
|
||||
},
|
||||
id: "p2", brand: "Sonic", name: "Studio Headphones", price: "$349", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722694.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Echo",
|
||||
name: "Pure Speaker",
|
||||
price: "$199",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-meditating-with-smart-speaker-high-angle_23-2149936254.jpg",
|
||||
},
|
||||
id: "p3", brand: "Echo", name: "Pure Speaker", price: "$199", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/woman-meditating-with-smart-speaker-high-angle_23-2149936254.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Sonic",
|
||||
name: "Noise Canceller",
|
||||
price: "$449",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-technology-background_23-2148882636.jpg",
|
||||
},
|
||||
id: "p4", brand: "Sonic", name: "Noise Canceller", price: "$449", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-technology-background_23-2148882636.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Volt",
|
||||
name: "Daily Tracker",
|
||||
price: "$149",
|
||||
rating: 4,
|
||||
reviewCount: "43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg",
|
||||
},
|
||||
id: "p5", brand: "Volt", name: "Daily Tracker", price: "$149", rating: 4,
|
||||
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Sonic",
|
||||
name: "Wireless X",
|
||||
price: "$249",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-vinyl-disc-with-fingerprint_23-2147781811.jpg",
|
||||
},
|
||||
id: "p6", brand: "Sonic", name: "Wireless X", price: "$249", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-vinyl-disc-with-fingerprint_23-2147781811.jpg"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Browse our curated selection of high-performance electronics."
|
||||
@@ -215,36 +145,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
description: "Standard updates and support.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included features:",
|
||||
features: [
|
||||
"10% member discount",
|
||||
"Extended warranty",
|
||||
"Priority support",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$9", period: "/mo", description: "Standard updates and support.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included features:", features: [
|
||||
"10% member discount", "Extended warranty", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite Member",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
description: "Exclusive perks and early access.",
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
featuresTitle: "All basic features, plus:",
|
||||
features: [
|
||||
"30% member discount",
|
||||
"Free shipping on orders",
|
||||
"Early product access",
|
||||
],
|
||||
id: "pro", tag: "Elite Member", price: "$19", period: "/mo", description: "Exclusive perks and early access.", button: {
|
||||
text: "Join Pro"},
|
||||
featuresTitle: "All basic features, plus:", features: [
|
||||
"30% member discount", "Free shipping on orders", "Early product access"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership"
|
||||
@@ -259,50 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
handle: "@ariver",
|
||||
testimonial: "The Elite Watch Pro changed how I track my fitness daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-dots-abstract-background_1048-11978.jpg",
|
||||
imageAlt: "Techno dots abstract background",
|
||||
},
|
||||
id: "t1", name: "Alex River", handle: "@ariver", testimonial: "The Elite Watch Pro changed how I track my fitness daily.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-dots-abstract-background_1048-11978.jpg", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jp_tech",
|
||||
testimonial: "Best headphones I have ever owned. Sound quality is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103096.jpg?_wi=2",
|
||||
imageAlt: "Techno dots abstract background",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", handle: "@jp_tech", testimonial: "Best headphones I have ever owned. Sound quality is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103096.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey L.",
|
||||
handle: "@caseyl",
|
||||
testimonial: "Love the minimalist design of the Pure Speaker. Sounds incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg?_wi=2",
|
||||
imageAlt: "Techno dots abstract background",
|
||||
},
|
||||
id: "t3", name: "Casey L.", handle: "@caseyl", testimonial: "Love the minimalist design of the Pure Speaker. Sounds incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam R.",
|
||||
handle: "@samr",
|
||||
testimonial: "Fastest shipping and premium support. VoltEdge rocks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=2",
|
||||
imageAlt: "Techno dots abstract background",
|
||||
},
|
||||
id: "t4", name: "Sam R.", handle: "@samr", testimonial: "Fastest shipping and premium support. VoltEdge rocks.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor B.",
|
||||
handle: "@tb_design",
|
||||
testimonial: "The ecosystem sync is flawless. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=2",
|
||||
imageAlt: "Techno dots abstract background",
|
||||
},
|
||||
id: "t5", name: "Taylor B.", handle: "@tb_design", testimonial: "The ecosystem sync is flawless. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -316,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long is the warranty?",
|
||||
content: "Every device comes with a standard 12-month limited warranty.",
|
||||
},
|
||||
id: "q1", title: "How long is the warranty?", content: "Every device comes with a standard 12-month limited warranty."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return products?",
|
||||
content: "Returns are accepted within 30 days of purchase in original condition.",
|
||||
},
|
||||
id: "q3", title: "Can I return products?", content: "Returns are accepted within 30 days of purchase in original condition."},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
@@ -347,20 +218,12 @@ export default function LandingPage() {
|
||||
description="Have questions? Our support team is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg"
|
||||
imageAlt="minimalist tech workspace dark desk"
|
||||
/>
|
||||
@@ -370,29 +233,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user