|
|
|
|
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
|
import { Award, Cog, Crown, Lock, ShieldCheck, Sparkles, User } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
@@ -17,15 +17,15 @@ export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -66,19 +66,8 @@ export default function LandingPage() {
|
|
|
|
|
imageAlt="Luxury Rolex-style Watch"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
fixedMediaHeight={true}
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg", alt: "Satisfied client"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/moody-thoughtful-black-young-model-wearing-blank-black-t-shirt-isolated-white_346278-1013.jpg", alt: "Happy customer"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-concentrated-young-man_171337-17412.jpg", alt: "Luxury watch owner"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11494.jpg", alt: "Distinguished collector"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-schooler-teenage-boy-eyeglasses-dressed-stylish-jacket_613910-11986.jpg", alt: "Premium buyer"},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by discerning collectors worldwide."
|
|
|
|
|
avatars={[]}
|
|
|
|
|
avatarText=""
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{
|
|
|
|
|
type: "text-icon", text: "Precision Engineering", icon: Cog,
|
|
|
|
|
@@ -105,36 +94,32 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="collection" data-section="collection">
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "watch-1", brand: "Premier Time", name: "Chronos Black Dial", price: "$12,500", rating: 5,
|
|
|
|
|
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-smartwatch_23-2147797005.jpg", imageAlt: "Luxury watch with black dial"},
|
|
|
|
|
id: "watch-1", name: "Chronos Black Dial - Precision and Elegance", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1533139502601-afa8cd9e5578?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with black dial", onProductClick: () => console.log("View details for Chronos Black Dial")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "watch-2", brand: "Premier Time", name: "Veridian Green Dial", price: "$12,800", rating: 5,
|
|
|
|
|
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/white-clock-white-wall-interior_169016-49298.jpg", imageAlt: "Luxury watch with green dial"},
|
|
|
|
|
id: "watch-2", name: "Oceanic Blue Dial - Bold Sophistication", price: "$12,700", imageSrc: "https://images.unsplash.com/photo-1542810634-71277d95ae51?q=80&w=1961&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with blue dial", onProductClick: () => console.log("View details for Oceanic Blue Dial")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "watch-3", brand: "Premier Time", name: "Oceanic Blue Dial", price: "$12,700", rating: 5,
|
|
|
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg", imageAlt: "Luxury watch with blue dial"},
|
|
|
|
|
id: "watch-3", name: "Veridian Green Dial - Timeless Luxury", price: "$12,800", imageSrc: "https://images.unsplash.com/photo-1629197943486-5d070b1e4c33?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with green dial", onProductClick: () => console.log("View details for Veridian Green Dial")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "watch-4", brand: "Premier Time", name: "Lumina White Dial", price: "$12,600", rating: 5,
|
|
|
|
|
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-time-change-concept_23-2149318302.jpg", imageAlt: "Luxury watch with white dial"},
|
|
|
|
|
{
|
|
|
|
|
id: "watch-5", brand: "Premier Time", name: "Ebony Elite", price: "$13,200", rating: 5,
|
|
|
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg", imageAlt: "Luxury watch with black dial"},
|
|
|
|
|
{
|
|
|
|
|
id: "watch-6", brand: "Premier Time", name: "Forest Sentinel", price: "$13,100", rating: 5,
|
|
|
|
|
reviewCount: "17", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11464.jpg", imageAlt: "Luxury watch with green dial"},
|
|
|
|
|
id: "watch-4", name: "Lumina White Dial - Radiant Elegance", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1587836489410-d02f5a65c2b5?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with white dial", onProductClick: () => console.log("View details for Lumina White Dial")
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="The Collection"
|
|
|
|
|
description="Each timepiece in our curated collection embodies exceptional craftsmanship and timeless design, reflecting an unparalleled legacy of horological artistry."
|
|
|
|
|
title="Exquisite Collection"
|
|
|
|
|
description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
|
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
|
cardClassName="shadow-lg rounded-xl"
|
|
|
|
|
textBoxTitleClassName="font-bold"
|
|
|
|
|
cardClassName="p-6 lg:p-8 bg-card shadow-md border border-accent rounded-xl transition-all duration-300 hover:shadow-lg hover:scale-[1.01] active:scale-[0.99]"
|
|
|
|
|
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
|
|
|
|
|
cardNameClassName="text-lg md:text-xl font-semibold mt-2"
|
|
|
|
|
gridClassName="gap-8 lg:gap-12"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -163,33 +148,40 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="authenticity" data-section="authenticity">
|
|
|
|
|
<MetricCardThree
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1", icon: ShieldCheck,
|
|
|
|
|
title: "Authentic Watches", value: "100%"},
|
|
|
|
|
title: "Authentic", value: "100% Verified"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2", icon: ShieldCheck,
|
|
|
|
|
title: "Professional Inspection", value: "Certified"},
|
|
|
|
|
id: "m2", icon: Cog,
|
|
|
|
|
title: "Expert Certified", value: "Precision Inspection"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3", icon: Lock,
|
|
|
|
|
title: "Secure Purchase", value: "Guaranteed"},
|
|
|
|
|
{
|
|
|
|
|
id: "m4", icon: User,
|
|
|
|
|
title: "Personal Consultation", value: "Expert Guidance"},
|
|
|
|
|
title: "Personalized", value: "Concierge Service"},
|
|
|
|
|
{
|
|
|
|
|
id: "m5", icon: Award,
|
|
|
|
|
title: "Warranty & Service", value: "Comprehensive"},
|
|
|
|
|
title: "Comprehensive", value: "Warranty & Care"},
|
|
|
|
|
]}
|
|
|
|
|
title="Assured Authenticity & Trust"
|
|
|
|
|
description="Every watch we offer is backed by rigorous verification, ensuring your complete confidence in every purchase."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Explore Our Collection", href: "#collection"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Assured Trust & Excellence"
|
|
|
|
|
description="Every timepiece in our collection undergoes stringent verification and is backed by our commitment to unparalleled quality and service."
|
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
|
cardClassName="p-6 lg:p-10 shadow-lg rounded-xl"
|
|
|
|
|
iconClassName="text-accent h-10 w-10"
|
|
|
|
|
metricTitleClassName="text-xl font-semibold"
|
|
|
|
|
valueClassName="text-4xl lg:text-5xl font-bold"
|
|
|
|
|
cardClassName="p-6 lg:p-8 rounded-2xl bg-card border border-border transition-all duration-300 hover:shadow-xl"
|
|
|
|
|
iconClassName="text-primary-cta h-10 w-10 mb-4"
|
|
|
|
|
metricTitleClassName="text-lg font-semibold tracking-tight"
|
|
|
|
|
valueClassName="text-3xl lg:text-4xl font-extrabold tracking-tight mt-1"
|
|
|
|
|
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
|
|
|
|
|
textBoxDescriptionClassName="text-lg"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -226,7 +218,7 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Watch Center: The Art of Horology"
|
|
|
|
|
description={[
|
|
|
|
|
"At Watch Center, we believe a watch is more than an accessory—it is a statement of presence, style, and status. We curate an exquisite collection for individuals who appreciate the intricate artistry and profound legacy of fine timepieces.", "As Israel's premier luxury watch boutique, we offer an unparalleled experience, blending expert guidance with an opulent showroom atmosphere. Discover your next heirloom and become part of a tradition that transcends time."]}
|
|
|
|
|
"At Watch Center, we believe a watch is more than an accessory—it is a statement of presence, style, and status. We curate an exquisite collection for individuals who appreciate the intricate artistry and profound legacy of fine timepieces.", "As Israel's premier luxury watch boutique, we offer an unparalleled experience, blending expert guidance with an opulent showroom atmosphere. Discover your next heirloom and become part of a tradition that transcends time." ]}
|
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
|
titleClassName="font-bold"
|
|
|
|
|
/>
|
|
|
|
|
@@ -295,4 +287,4 @@ export default function LandingPage() {
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
