Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c920e65480 | |||
| 7efce2f4c9 | |||
| 9f6eb887ad | |||
| af1c188d85 | |||
| 5a5f031d0b | |||
| 2a9b243311 | |||
| 1e6e0a638c | |||
| 45e29a5186 |
238
src/app/page.tsx
238
src/app/page.tsx
@@ -3,14 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Eye, Headphones, Lightbulb, Monitor, ShieldCheck, Truck } from "lucide-react";
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,171 +24,80 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EyeSync Store"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EyeSync Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
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"},
|
||||
]}
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Blue Light Filters", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Ergonomic Design", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "4K Ultra-HD", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Fast Shipping", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Premium Workspace Wellness"
|
||||
description="Discover our elite collection of blue light blockers, monitor light bars, and professional-grade monitors designed for your comfort."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg", imageAlt: "Workstation setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg?_wi=1", imageAlt: "Monitor light bar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-displays-sports-competitions_187299-47219.jpg", imageAlt: "Gaming monitor" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Products", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
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."},
|
||||
{
|
||||
icon: Monitor,
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Curated Workspace Gear"
|
||||
description="Upgrade your setup with our hand-picked selection of monitors, lighting, and eye protection."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Blue Light Blocker Glasses", price: "$49.00", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837284.jpg" },
|
||||
{ id: "2", name: "Professional LED Light Bar", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797640.jpg" },
|
||||
{ id: "3", name: "4K Ergonomic Monitor", price: "$549.00", imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg?_wi=2" },
|
||||
{ id: "4", name: "Ambient LED Light Strip", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/white-speaker_1203-497.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Wellness Impact"
|
||||
description="Real results for your daily desk productivity."
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "40%", description: "Reduction in digital eye strain reported by users" },
|
||||
{ id: "2", value: "95%", description: "Productivity increase with better lighting" },
|
||||
{ id: "3", value: "10k+", description: "Workspaces upgraded successfully" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
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: "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."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Questions about our monitor solutions? Let's talk."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Contact Our Team", href: "mailto:hello@eyesync.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="EyeSync Store"
|
||||
copyrightText="© 2025 EyeSync Store. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="EyeSync Store"
|
||||
copyrightText="© 2025 EyeSync Store. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user