Merge version_3 into main #2
@@ -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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
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";
|
||||||
|
|
||||||
@@ -25,7 +25,7 @@ export default function LandingPage() {
|
|||||||
cardStyle="soft-shadow"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="shadow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
@@ -105,36 +105,28 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="collection" data-section="collection">
|
<div id="collection" data-section="collection">
|
||||||
<ProductCardTwo
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="one-large-right-three-stacked-left"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "watch-1", brand: "Premier Time", name: "Chronos Black Dial", price: "$12,500", rating: 5,
|
id: "watch-1", name: "Chronos Black Dial", price: "$12,500", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with black dial"},
|
||||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-smartwatch_23-2147797005.jpg", imageAlt: "Luxury watch with black dial"},
|
|
||||||
{
|
{
|
||||||
id: "watch-2", brand: "Premier Time", name: "Veridian Green Dial", price: "$12,800", rating: 5,
|
id: "watch-2", name: "Oceanic Blue Dial", price: "$12,700", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with blue dial"},
|
||||||
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-3", brand: "Premier Time", name: "Oceanic Blue Dial", price: "$12,700", rating: 5,
|
id: "watch-3", name: "Veridian Green Dial", price: "$12,800", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with green dial"},
|
||||||
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-4", brand: "Premier Time", name: "Lumina White Dial", price: "$12,600", rating: 5,
|
id: "watch-4", name: "Lumina White Dial", price: "$12,600", imageSrc: "https://images.unsplash.com/photo-1622397143994-6b9b3e1d1b1f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Luxury watch with white dial"},
|
||||||
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"},
|
|
||||||
]}
|
]}
|
||||||
title="The Collection"
|
title="Exquisite Collection"
|
||||||
description="Each timepiece in our curated collection embodies exceptional craftsmanship and timeless design, reflecting an unparalleled legacy of horological artistry."
|
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="shadow-lg rounded-xl"
|
cardClassName="rounded-2xl p-4 md:p-6 bg-card border border-border transition-all duration-300 hover:scale-[1.02] active:scale-[0.98]"
|
||||||
textBoxTitleClassName="font-bold"
|
textBoxTitleClassName="font-extrabold text-4xl lg:text-5xl tracking-tight"
|
||||||
|
cardNameClassName="text-lg md:text-xl font-semibold mt-2"
|
||||||
|
cardPriceClassName="text-xl md:text-2xl font-bold mt-1"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -163,33 +155,35 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="authenticity" data-section="authenticity">
|
<div id="authenticity" data-section="authenticity">
|
||||||
<MetricCardThree
|
<MetricCardThree
|
||||||
animationType="blur-reveal"
|
animationType="depth-3d"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1", icon: ShieldCheck,
|
id: "m1", icon: ShieldCheck,
|
||||||
title: "Authentic Watches", value: "100%"},
|
title: "Authentic", value: "100% Verified"},
|
||||||
{
|
{
|
||||||
id: "m2", icon: ShieldCheck,
|
id: "m2", icon: Cog,
|
||||||
title: "Professional Inspection", value: "Certified"},
|
title: "Expert Certified", value: "Precision Inspection"},
|
||||||
{
|
{
|
||||||
id: "m3", icon: Lock,
|
id: "m3", icon: Lock,
|
||||||
title: "Secure Purchase", value: "Guaranteed"},
|
title: "Secure Purchase", value: "Guaranteed"},
|
||||||
{
|
{
|
||||||
id: "m4", icon: User,
|
id: "m4", icon: User,
|
||||||
title: "Personal Consultation", value: "Expert Guidance"},
|
title: "Personalized", value: "Concierge Service"},
|
||||||
{
|
{
|
||||||
id: "m5", icon: Award,
|
id: "m5", icon: Award,
|
||||||
title: "Warranty & Service", value: "Comprehensive"},
|
title: "Comprehensive", value: "Warranty & Care"},
|
||||||
]}
|
]}
|
||||||
title="Assured Authenticity & Trust"
|
title="Assured Trust & Excellence"
|
||||||
description="Every watch we offer is backed by rigorous verification, ensuring your complete confidence in every purchase."
|
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"
|
className="py-20 lg:py-32"
|
||||||
cardClassName="p-6 lg:p-10 shadow-lg rounded-xl"
|
cardClassName="p-6 lg:p-8 rounded-2xl bg-card border border-border transition-all duration-300 hover:shadow-xl"
|
||||||
iconClassName="text-accent h-10 w-10"
|
iconClassName="text-primary-cta h-10 w-10 mb-4"
|
||||||
metricTitleClassName="text-xl font-semibold"
|
metricTitleClassName="text-lg font-semibold tracking-tight"
|
||||||
valueClassName="text-4xl lg:text-5xl font-bold"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -295,4 +289,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user