253 lines
13 KiB
TypeScript
253 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, Sparkles, Star, Zap, Shield, Clock, Gem, Droplets, Wrench, History, TrendingUp, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="TimeCraft"
|
|
navItems={[
|
|
{ name: "Collections", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Luxury Timepieces"
|
|
bottomRightText="contact@timecraft.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Timeless Precision"
|
|
description="Discover our collection of luxury timepieces crafted with meticulous attention to detail. Each watch is a masterpiece of engineering and artistry."
|
|
tag="Premium Watches"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "gradient-bars" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg?_wi=1", imageAlt: "luxury watch elegant display" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg?_wi=2", imageAlt: "classic automatic watch lifestyle" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-clasped-hands_1262-20528.jpg", imageAlt: "sports watch outdoor adventure" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Our Collection"
|
|
description="Handpicked timepieces representing the pinnacle of watchmaking excellence. From classic dress watches to professional sports models."
|
|
tag="Featured"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All", href: "#products" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "watch-classic", name: "Heritage Classic", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/antique-street-clock-bucharest_1268-14715.jpg", imageAlt: "Heritage Classic Watch"
|
|
},
|
|
{
|
|
id: "watch-sport", name: "Performance Sport", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-urban-female-runners-looking-smart-watch-street_1098-18653.jpg", imageAlt: "Performance Sport Watch"
|
|
},
|
|
{
|
|
id: "watch-diver", name: "Professional Diver", price: "$3,299", imageSrc: "http://img.b2bpic.net/free-photo/equipment-people-extreme-road-vintage-wood_1421-264.jpg", imageAlt: "Professional Diver Watch"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="Why Choose TimeCraft"
|
|
description="We combine Swiss engineering excellence with Italian design sensibility to create timepieces that transcend trends."
|
|
tag="Craftsmanship"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Discover Our Story", href: "#about" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{ icon: Zap, title: "Precision Engineering", description: "Certified Swiss movements with accuracy ratings of ±3 seconds per month" },
|
|
{ icon: Shield, title: "Premium Materials", description: "Stainless steel, sapphire crystal, and genuine leather components" },
|
|
{ icon: Clock, title: "Lifetime Warranty", description: "Comprehensive warranty covering all mechanical and manufacturing defects" },
|
|
{ icon: Gem, title: "Luxury Design", description: "Hand-crafted dials and bezels designed by master artisans" },
|
|
{ icon: Droplets, title: "Water Resistant", description: "200m+ water resistance for diving and professional activities" },
|
|
{ icon: Wrench, title: "Expert Support", description: "Dedicated concierge service for maintenance and repairs worldwide" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Heritage"
|
|
tagIcon={History}
|
|
tagAnimation="slide-up"
|
|
title="A Legacy of Excellence"
|
|
description="Founded in 1985, TimeCraft has been synonymous with horological perfection and timeless design."
|
|
subdescription="Each timepiece undergoes rigorous quality control and is assembled by master craftspeople with decades of experience in Swiss watchmaking."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch_107420-65204.jpg"
|
|
imageAlt="Master watchmaker crafting precision timepiece"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The precision and elegance of my TimeCraft watch exceeds all expectations. It's become my most treasured possession and conversation starter."
|
|
rating={5}
|
|
author="Michael Chen"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/attractive-businessman-classic-black-suit-pointing-with-finger-big-clock_171337-9588.jpg", alt: "Michael Chen" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148765433.jpg", alt: "Sarah Mitchell" },
|
|
{ src: "http://img.b2bpic.net/free-photo/back-view-man-adjusting-his-sport-watch_23-2148375928.jpg", alt: "James Rodriguez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-dressed-elegant-summer-clothes-sexy-carefree-girl-sitting-street-trendy-modern-businesswoman-sunglasses-having-fun_158538-6677.jpg", alt: "Emma Thompson" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="By The Numbers"
|
|
description="Our commitment to excellence is reflected in our impressive track record of customer satisfaction and industry recognition."
|
|
tag="Achievements"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "customers", value: "45,000+", title: "Satisfied Customers", items: ["Worldwide distribution", "Average 4.9/5 rating", "Repeat purchase rate 68%"]
|
|
},
|
|
{
|
|
id: "awards", value: "28", title: "Industry Awards", items: ["Design excellence", "Innovation recognition", "Craftsmanship honors"]
|
|
},
|
|
{
|
|
id: "years", value: "39", title: "Years of Mastery", items: ["Since 1985", "Continuous evolution", "Heritage tradition"]
|
|
},
|
|
{
|
|
id: "countries", value: "67", title: "Countries Served", items: ["Global presence", "Local expertise", "International shipping"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our watches, warranty, and services."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What makes TimeCraft watches different?", content: "Each TimeCraft watch is assembled by master craftspeople and undergoes rigorous quality testing. We use only premium Swiss movements and materials, ensuring precision and longevity that surpasses industry standards."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Do you offer international warranty?", content: "Yes, all TimeCraft watches come with a comprehensive lifetime warranty covering mechanical defects and manufacturing issues. We offer service centers in over 67 countries."
|
|
},
|
|
{
|
|
id: "faq-3", title: "How often should I service my watch?", content: "We recommend servicing your watch every 3-5 years for optimal performance. Regular maintenance ensures accuracy and extends the lifespan of your timepiece."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Are your watches water resistant?", content: "Our collection ranges from 50m to 300m+ water resistance. Professional models are suitable for diving, while dress watches are protected against daily water exposure."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Can I customize my watch?", content: "Yes, we offer custom dial colors, strap options, and personalized engraving for most models. Contact our concierge service for bespoke customization."
|
|
},
|
|
{
|
|
id: "faq-6", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all purchases. Watches must be in original condition for full refunds."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="TimeCraft"
|
|
copyrightText="© 2024 TimeCraft. All rights reserved. | Crafted with precision"
|
|
columns={[
|
|
{
|
|
title: "Collections", items: [
|
|
{ label: "Classic Watches", href: "#products" },
|
|
{ label: "Sports Timepieces", href: "#products" },
|
|
{ label: "Professional Divers", href: "#products" },
|
|
{ label: "Limited Edition", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Service Centers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |