225 lines
12 KiB
TypeScript
225 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Sparkles, Award, Clock, Shield, CheckCircle, Zap, Mail, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="TimePiece"
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Timeless Elegance Meets Modern Precision"
|
|
description="Discover our curated collection of luxury watches. From classic timepieces to contemporary designs, find the perfect watch that complements your style and stands the test of time."
|
|
tag="Premium Collection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "products" },
|
|
{ text: "Learn More", href: "about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-business-woman-checking-her-watch_23-2149457699.jpg"
|
|
imageAlt="Premium luxury watch collection showcase"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Featured Watches"
|
|
description="Handpicked timepieces selected for their craftsmanship, precision, and timeless appeal"
|
|
tag="Best Sellers"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Elegance Classic Gold", price: "$1,299.00", imageSrc: "http://img.b2bpic.net/free-photo/man-dinner-jacket-holding-pocket-watch-near-glass-confetti_23-2147972076.jpg", imageAlt: "Gold classic watch with leather band", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "2", name: "Steel Chronograph Pro", price: "$1,499.00", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-repair-tools-technology_187299-46578.jpg", imageAlt: "Steel chronograph sports watch", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "3", name: "Silver Minimalist", price: "$899.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241175.jpg", imageAlt: "Silver minimalist elegant watch", initialQuantity: 1,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Clock}
|
|
tagAnimation="slide-up"
|
|
title="Crafted for Those Who Appreciate Time"
|
|
description="Since 1995, we've been dedicated to curating the world's finest watches. Our passion for precision, design, and quality has made us a trusted destination for watch enthusiasts and collectors worldwide. Each timepiece in our collection undergoes rigorous quality checks to ensure authenticity and performance."
|
|
metrics={[
|
|
{ value: "28+", title: "Years of Excellence" },
|
|
{ value: "50K+", title: "Satisfied Customers" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564183.jpg"
|
|
imageAlt="Luxury watch boutique interior design showcase"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Why Choose Our Watches"
|
|
description="Experience excellence through innovation and attention to detail"
|
|
tag="Quality Assurance"
|
|
tagIcon={Shield}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Swiss Precision", description: "All timepieces feature authentic Swiss-made movements", bentoComponent: "globe"},
|
|
{
|
|
title: "Lifetime Warranty", description: "Comprehensive coverage and support", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: CheckCircle, label: "Manufacturing", value: "100% Verified" },
|
|
{ icon: Shield, label: "Authenticity", value: "Guaranteed" },
|
|
{ icon: Zap, label: "Performance", value: "Certified" },
|
|
],
|
|
},
|
|
{
|
|
title: "Expert Craftsmanship", description: "Handpicked by our team of horologists", bentoComponent: "marquee", centerIcon: Award,
|
|
variant: "text", texts: ["Swiss Made", "Precision Engineered", "Luxury Design", "Timeless Quality"],
|
|
},
|
|
{
|
|
title: "Global Shipping", description: "Fast and secure delivery worldwide", bentoComponent: "map"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Join thousands of watch enthusiasts who trust us"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Mitchell", handle: "@jmwatchlover", testimonial: "Absolutely stunning collection! The watch I purchased exceeds all my expectations. The customer service was exceptional and delivery was faster than promised.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg", imageAlt: "James Mitchell"},
|
|
{
|
|
id: "2", name: "Sarah Chen", handle: "@sarahcollects", testimonial: "I've been collecting watches for 15 years and this is by far my favorite retailer. The authentication process is thorough and every piece is genuine.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", imageAlt: "Sarah Chen"},
|
|
{
|
|
id: "3", name: "David Rodriguez", handle: "@davidchrono", testimonial: "The quality of the watches and the level of expertise from their team is unmatched. My Chronograph Pro is my most treasured possession.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-handsome-executive-businessman-smart-casual-wear-looking-camera-smiling_7861-3118.jpg", imageAlt: "David Rodriguez"},
|
|
{
|
|
id: "4", name: "Emma Thompson", handle: "@emmastyle", testimonial: "Found the perfect watch as a wedding gift here. The presentation was beautiful and the recipient couldn't be happier. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6867.jpg", imageAlt: "Emma Thompson"},
|
|
{
|
|
id: "5", name: "Michael Park", handle: "@mpark_executive", testimonial: "Investment-grade watches with investment-grade service. This is the only place I shop for timepieces now.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg", imageAlt: "Michael Park"},
|
|
{
|
|
id: "6", name: "Lisa Anderson", handle: "@lisawatch", testimonial: "Their curated selection makes it so easy to find exactly what you're looking for. Every watch tells a story and theirs are all incredible.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Lisa Anderson"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured In"
|
|
description="Trusted by the world's leading watch publications and luxury retailers"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Luxury Magazine", "Watch Insider", "TimeKeeper Review", "Chronograph Daily", "Elite Collectors", "Premium Watches", "Horologist Weekly", "Precision Times"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get In Touch"
|
|
tagIcon={Mail}
|
|
title="Ready to Find Your Perfect Watch?"
|
|
description="Have questions about our collection? Our expert team is here to help. Contact us for personalized recommendations, authentication inquiries, or to schedule a private viewing."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "#" },
|
|
{ text: "Subscribe for Updates", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Watches", href: "products" },
|
|
{ label: "New Arrivals", href: "products" },
|
|
{ label: "Best Sellers", href: "products" },
|
|
{ label: "Gift Guide", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 TimePiece. All rights reserved. Luxury watches for discerning collectors."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|