|
|
|
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
import { Award, Cog, Crown, Lock, ShieldCheck, Sparkles, User } from "lucide-react";
|
|
|
|
import { Award, Cog, Crown, Lock, ShieldCheck, Sparkles, User } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
@@ -17,9 +17,9 @@ export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
borderRadius="rounded"
|
|
|
|
borderRadius="rounded"
|
|
|
|
contentWidth="medium"
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
background="none"
|
|
|
|
background="none"
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
@@ -94,25 +94,29 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="collection" data-section="collection">
|
|
|
|
<div id="collection" data-section="collection">
|
|
|
|
<ProductCardThree
|
|
|
|
<ProductCardOne
|
|
|
|
animationType="blur-reveal"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
gridVariant="one-large-right-three-stacked-left"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "watch-1", name: "Chronos Black Dial", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1616010078749-0d19f9d7c2a7?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", 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", name: "Oceanic Blue Dial", price: "$12,700", 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 blue 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", name: "Veridian Green Dial", price: "$12,800", imageSrc: "https://images.unsplash.com/photo-1678841796791-039c3e4c4c23?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with green 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", name: "Lumina White Dial", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1621607507641-fdfd31b34c20?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with white 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="Exquisite Collection"
|
|
|
|
title="Exquisite Collection"
|
|
|
|
description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
|
|
|
|
description="A curated selection of mechanical masterpieces, where precision engineering meets timeless design."
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
cardClassName="rounded-xl p-6 lg:p-8 bg-card shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.01] active:scale-[0.99] border border-gray-200"
|
|
|
|
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"
|
|
|
|
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
|
|
|
|
cardNameClassName="text-lg md:text-xl font-semibold mt-2"
|
|
|
|
cardNameClassName="text-lg md:text-xl font-semibold mt-2"
|
|
|
|
gridClassName="gap-8 lg:gap-12"
|
|
|
|
gridClassName="gap-8 lg:gap-12"
|
|
|
|
@@ -214,7 +218,7 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
title="Watch Center: The Art of Horology"
|
|
|
|
title="Watch Center: The Art of Horology"
|
|
|
|
description={[
|
|
|
|
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"
|
|
|
|
className="py-20 lg:py-32"
|
|
|
|
titleClassName="font-bold"
|
|
|
|
titleClassName="font-bold"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
