164 lines
7.5 KiB
TypeScript
164 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Collection", id: "collection" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Pedez"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Time Engineered for You"
|
|
tag="Where style meets time"
|
|
description="Discover the art of precision with Pedez. Crafted for those who value timeless aesthetics and unrivaled reliability."
|
|
buttons={[{ text: "Explore Collection", href: "#collection" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-macro-shot-watch_53876-71316.jpg"
|
|
imageAlt="Pedez Luxury Watch"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Artisan Craft", description: "Hand-assembled by master watchmakers to ensure absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/view-puzzle-pieces-blue-background_23-2149299057.jpg", imageAlt: "Craftsmanship" },
|
|
{ title: "Water Resistance", description: "Built to withstand daily challenges with 5ATM water resistance.", imageSrc: "http://img.b2bpic.net/free-vector/shield-water-droplet-check-mark_78370-6537.jpg", imageAlt: "Durability" },
|
|
{ title: "Premium Materials", description: "Surgical-grade steel and top-grain leather straps.", imageSrc: "http://img.b2bpic.net/free-photo/leather-brown-texture_1388-720.jpg", imageAlt: "Materials" },
|
|
]}
|
|
title="The Pedez Difference"
|
|
description="Our watches combine artisanal craftsmanship with modern innovation to ensure your timepiece lasts a lifetime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="collection" data-section="collection">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Collection"
|
|
description="Explore our carefully curated range of premium timepieces designed for every occasion."
|
|
features={[
|
|
{ title: "Classic Series", description: "Timeless designs for the modern professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11463.jpg" },
|
|
{ title: "Sport Chrono", description: "Durability meets high-performance aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-athletic-woman-fixing-her-smartwatch_23-2148781792.jpg" },
|
|
{ title: "Limited Edition", description: "Exclusive releases for true watch enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "50+", title: "Years Experience", description: "Watchmaking expertise.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg" },
|
|
{ id: "m2", value: "100%", title: "Inspection", description: "Quality tested pieces.", imageSrc: "http://img.b2bpic.net/free-photo/precision-factory-iron-parts-teamwork_1112-1055.jpg" },
|
|
{ id: "m3", value: "10K+", title: "Happy Clients", description: "Worldwide owners.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443777.jpg" },
|
|
]}
|
|
title="Precision Metrics"
|
|
description="Our commitment to quality is measured in numbers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "James Anderson", role: "Collector", testimonial: "The precision of my Pedez is unmatched. Simply stunning.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
|
{ id: "t2", name: "Maria Garcia", role: "Designer", testimonial: "Minimalist, elegant, and perfectly weighted. My new favorite.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" },
|
|
]}
|
|
title="What Owners Say"
|
|
description="Trusted by watch enthusiasts across the globe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Luxe Watch", "Time Gear", "Precision Lab", "Design Pro"]}
|
|
title="Featured Partners"
|
|
description="Collaborating with leading design and fashion networks."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Is the watch water resistant?", content: "Yes, our timepieces feature a 5ATM water resistance rating." },
|
|
{ id: "q2", title: "Do you offer warranty?", content: "Every Pedez watch comes with a 2-year limited warranty." },
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Everything you need to know about owning a Pedez watch."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-frame-dial-office-wall-clock-classic-style_23-2147943478.jpg"
|
|
imageAlt="Watch display"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact"
|
|
title="Get in Touch"
|
|
description="Call us directly at 0793865212 for any inquiries or support."
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Shop", items: [{ label: "All Watches", href: "#" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
|
]}
|
|
logoText="Pedez"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|