Merge version_1 into main #1
171
src/app/page.tsx
171
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EyeSync Store"
|
||||
/>
|
||||
@@ -54,66 +46,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Optimize Your Workspace for Better Health"
|
||||
description="Protect your eyes with cutting-edge blue light blockers and elevate your environment with our premium monitor light bars and high-performance displays."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Blue Light Filters",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Blue Light Filters", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ergonomic Design",
|
||||
icon: Monitor,
|
||||
type: "text-icon", text: "Ergonomic Design", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "4K Ultra-HD",
|
||||
icon: Monitor,
|
||||
type: "text-icon", text: "4K Ultra-HD", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Shipping",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Fast Shipping", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -127,19 +96,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Blue Light Protection",
|
||||
description: "Reduce digital eye strain and improve your sleep quality with our advanced filter technologies.",
|
||||
},
|
||||
title: "Blue Light Protection", description: "Reduce digital eye strain and improve your sleep quality with our advanced filter technologies."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Precision Illumination",
|
||||
description: "Monitor light bars that reduce glare and provide perfect task lighting without screen reflections.",
|
||||
},
|
||||
title: "Precision Illumination", description: "Monitor light bars that reduce glare and provide perfect task lighting without screen reflections."},
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Crystal Clear Displays",
|
||||
description: "High-fidelity monitors designed for creatives, developers, and professionals who demand clarity.",
|
||||
},
|
||||
title: "Crystal Clear Displays", description: "High-fidelity monitors designed for creatives, developers, and professionals who demand clarity."},
|
||||
]}
|
||||
title="Designed for Performance & Comfort"
|
||||
description="Our product line is carefully curated to improve your productivity, reduce eye strain, and create the perfect ambient desk lighting."
|
||||
@@ -154,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Advanced Blue Light Glasses",
|
||||
price: "$49.99",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837284.jpg",
|
||||
},
|
||||
id: "p1", name: "Advanced Blue Light Glasses", price: "$49.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837284.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "4K Ultra-Wide Monitor",
|
||||
price: "$899.00",
|
||||
variant: "Workstation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg",
|
||||
},
|
||||
id: "p2", name: "4K Ultra-Wide Monitor", price: "$899.00", variant: "Workstation", imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sleek Monitor Light Bar",
|
||||
price: "$79.00",
|
||||
variant: "Lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-displays-sports-competitions_187299-47219.jpg",
|
||||
},
|
||||
id: "p3", name: "Sleek Monitor Light Bar", price: "$79.00", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-displays-sports-competitions_187299-47219.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Screen Anti-Glare Film",
|
||||
price: "$35.00",
|
||||
variant: "Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163190.jpg",
|
||||
},
|
||||
id: "p4", name: "Screen Anti-Glare Film", price: "$35.00", variant: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163190.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ergonomic Monitor Stand",
|
||||
price: "$59.00",
|
||||
variant: "Ergonomics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-speaker_1203-497.jpg",
|
||||
},
|
||||
id: "p5", name: "Ergonomic Monitor Stand", price: "$59.00", variant: "Ergonomics", imageSrc: "http://img.b2bpic.net/free-photo/white-speaker_1203-497.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "USB Desk LED Strip",
|
||||
price: "$29.99",
|
||||
variant: "Ambience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797640.jpg",
|
||||
},
|
||||
id: "p6", name: "USB Desk LED Strip", price: "$29.99", variant: "Ambience", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797640.jpg"},
|
||||
]}
|
||||
title="Featured Essentials"
|
||||
description="Everything you need to build the ultimate, eye-friendly productivity hub."
|
||||
@@ -205,28 +138,14 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="centered"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Customer Satisfaction",
|
||||
subtitle: "Wellness First",
|
||||
category: "Service",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m1", title: "Customer Satisfaction", subtitle: "Wellness First", category: "Service", value: "99%"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Eye Strain Reduced",
|
||||
subtitle: "Visual Comfort",
|
||||
category: "Health",
|
||||
value: "40%",
|
||||
},
|
||||
id: "m2", title: "Eye Strain Reduced", subtitle: "Visual Comfort", category: "Health", value: "40%"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Hours of Usage",
|
||||
subtitle: "Daily Comfort",
|
||||
category: "Productivity",
|
||||
value: "8k+",
|
||||
},
|
||||
id: "m3", title: "Hours of Usage", subtitle: "Daily Comfort", category: "Productivity", value: "8k+"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Data-backed results for your wellness and workspace performance."
|
||||
@@ -238,30 +157,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg",
|
||||
},
|
||||
id: "t4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Professionals"
|
||||
cardTag="Testimonials"
|
||||
@@ -273,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to upgrade your workspace? Get in touch with our team for custom recommendations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@eyesync.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@eyesync.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user