bender/51808d7e-66db-4f68-bc4a-78155b798e6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 6 commits from version_2 into main 2026-06-09 12:18:36 +00:00
Conversation 0 Commits 6 Files Changed 6 +332 -223
6 changed files with 332 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/cartier-collection/page.tsx Normal file
View File

@@ -0,0 +1,87 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
const navItems = [
{ name: "Home", id: "/" },
{ name: "Featured", id: "/#collection" },
{ name: "Patek Philippe", id: "/patek-philippe-collection" },
{ name: "Cartier", id: "/cartier-collection" },
{ name: "Heritage", id: "/#heritage" },
{ name: "Features", id: "/#features" },
{ name: "Testimonials", id: "/#testimonials" },
{ name: "Contact", id: "/#contact" },
];
export default function CartierCollectionPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmall"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
logoSrc="http://img.b2bpic.net/free-vector/happy-new-year-background-with-golden-clock_23-2147718484.jpg"
logoAlt="Prestige Timepieces logo"
brandName="Prestige Timepieces"
bottomLeftText="Global Concierge Services"
bottomRightText="contact@prestigetimepieces.com"
/>
</div>
<div id="cartier-collection" data-section="cartier-collection">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "cartier-tank-francaise", brand: "Cartier", name: "Tank Française", price: "$8,500", rating: 4.7,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/nice-clock-disk_23-2147797510.jpg", imageAlt: "Cartier Tank Française"},
{
id: "cartier-santos-dumont", brand: "Cartier", name: "Santos-Dumont", price: "$12,000", rating: 4.9,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg", imageAlt: "Cartier Santos-Dumont"},
{
id: "cartier-ballon-bleu", brand: "Cartier", name: "Ballon Bleu", price: "$15,000", rating: 4.8,
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436101.jpg", imageAlt: "Cartier Ballon Bleu"},
{
id: "cartier-pasha-de-cartier", brand: "Cartier", name: "Pasha de Cartier", price: "$10,500", rating: 4.6,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-surrounded-by-black-friday-tags_23-2148285065.jpg", imageAlt: "Cartier Pasha de Cartier"},
]}
title="Cartier Collection"
description="Discover the iconic Cartier collections, renowned for their distinctive design, innovative spirit, and luxurious allure. From elegant Tank watches to bold Santos, find your perfect statement piece, with capabilities for future filtering."
tag="French Elegance"
tagAnimation="opacity"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/luxury-linear-logotype-vintage-style_23-2147544487.jpg"
logoAlt="Prestige Timepieces logo in footer"
logoText="Prestige Timepieces"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

255
src/app/page.tsx
View File

@@ -33,29 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "/"},
{
name: "Collection",
id: "#collection",
},
name: "Our Collection", id: "#collection"},
{
name: "Heritage",
id: "#heritage",
},
name: "My Collection", id: "/my-collection"},
{
name: "Features",
id: "#features",
},
name: "Heritage", id: "#heritage"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Features", id: "#features"},
{
name: "Contact",
id: "#contact",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/happy-new-year-background-with-golden-clock_23-2147718484.jpg"
logoAlt="Prestige Timepieces logo"
@@ -68,44 +58,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Timeless Elegance, Unrivaled Precision"
description="Discover a curated collection of the world's most coveted luxury watches, from iconic Rolexes to exquisite Patek Philippe, Audemars Piguet, and Cartier masterpieces."
tag="Luxury Horology"
tagAnimation="opacity"
buttons={[
{
text: "Explore Collection",
href: "#collection",
},
text: "Explore Collection", href: "#collection"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg",
imageAlt: "Close-up of a luxurious Rolex Submariner watch",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg", imageAlt: "Close-up of a luxurious Rolex Submariner watch"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg",
imageAlt: "Audemars Piguet Royal Oak with intricate dial",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg", imageAlt: "Audemars Piguet Royal Oak with intricate dial"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241150.jpg",
imageAlt: "Elegant Patek Philippe dress watch",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241150.jpg", imageAlt: "Elegant Patek Philippe dress watch"},
{
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436101.jpg",
imageAlt: "Classic Cartier Tank Française watch",
},
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436101.jpg", imageAlt: "Classic Cartier Tank Française watch"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sample-indoor-plant-clock-furniture-table_53876-32211.jpg",
imageAlt: "Display of multiple luxury watches in a refined setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/sample-indoor-plant-clock-furniture-table_53876-32211.jpg", imageAlt: "Display of multiple luxury watches in a refined setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg",
imageAlt: "A luxury watch being worn on a wrist in an elegant setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg", imageAlt: "A luxury watch being worn on a wrist in an elegant setting"},
]}
/>
</div>
@@ -118,9 +93,7 @@ export default function LandingPage() {
title="The Art of Horology, Curated for You"
buttons={[
{
text: "Learn More About Us",
href: "#about-us",
},
text: "Learn More About Us", href: "#about-us"},
]}
buttonAnimation="slide-up"
/>
@@ -134,53 +107,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "product-rolex-day-date",
name: "Rolex Day-Date",
price: "$55,000",
variant: "Yellow Gold, Green Dial",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg",
imageAlt: "Rolex Day-Date in yellow gold with green dial",
},
id: "product-rolex-day-date", name: "Rolex Day-Date", price: "$55,000", variant: "Yellow Gold, Green Dial", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg", imageAlt: "Rolex Day-Date in yellow gold with green dial"},
{
id: "product-ap-royal-oak",
name: "Audemars Piguet Royal Oak",
price: "$78,000",
variant: "Stainless Steel, Blue Dial",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg",
imageAlt: "Audemars Piguet Royal Oak with blue dial",
},
id: "product-ap-royal-oak", name: "Audemars Piguet Royal Oak", price: "$78,000", variant: "Stainless Steel, Blue Dial", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg", imageAlt: "Audemars Piguet Royal Oak with blue dial"},
{
id: "product-patek-nautilus",
name: "Patek Philippe Nautilus",
price: "$120,000",
variant: "Steel, White Dial",
imageSrc: "http://img.b2bpic.net/free-photo/gold-watch-with-white-leather-band-lights-isolated-white_181624-28414.jpg",
imageAlt: "Patek Philippe Nautilus with white dial",
},
id: "product-patek-nautilus", name: "Patek Philippe Nautilus", price: "$120,000", variant: "Steel, White Dial", imageSrc: "http://img.b2bpic.net/free-photo/gold-watch-with-white-leather-band-lights-isolated-white_181624-28414.jpg", imageAlt: "Patek Philippe Nautilus with white dial"},
{
id: "product-cartier-ballon-bleu",
name: "Cartier Ballon Bleu",
price: "$18,500",
variant: "Steel, Blue Hands",
imageSrc: "http://img.b2bpic.net/free-photo/nice-clock-disk_23-2147797510.jpg",
imageAlt: "Cartier Ballon Bleu with blue hands",
},
id: "product-cartier-ballon-bleu", name: "Cartier Ballon Bleu", price: "$18,500", variant: "Steel, Blue Hands", imageSrc: "http://img.b2bpic.net/free-photo/nice-clock-disk_23-2147797510.jpg", imageAlt: "Cartier Ballon Bleu with blue hands"},
{
id: "product-rolex-gmt",
name: "Rolex GMT-Master II",
price: "$22,000",
variant: "Oystersteel, 'Batman' Bezel",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg",
imageAlt: "Rolex GMT-Master II with black and blue bezel",
},
id: "product-rolex-gmt", name: "Rolex GMT-Master II", price: "$22,000", variant: "Oystersteel, 'Batman' Bezel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg", imageAlt: "Rolex GMT-Master II with black and blue bezel"},
{
id: "product-ap-code-1159",
name: "Audemars Piguet Code 11.59",
price: "$45,000",
variant: "Rose Gold, White Dial",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-items-second-hand-market_23-2149338420.jpg",
imageAlt: "Audemars Piguet Code 11.59 in rose gold",
},
id: "product-ap-code-1159", name: "Audemars Piguet Code 11.59", price: "$45,000", variant: "Rose Gold, White Dial", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-items-second-hand-market_23-2149338420.jpg", imageAlt: "Audemars Piguet Code 11.59 in rose gold"},
]}
title="Our Exquisite Collection"
description="Explore masterworks from the world's most prestigious watchmakers, including Rolex, Audemars Piguet, Patek Philippe, and Cartier. Each timepiece tells a unique story of legacy, innovation, and timeless beauty."
@@ -197,23 +134,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Guaranteed Authenticity",
description: "Every timepiece undergoes rigorous multi-point authentication by certified horologists, ensuring 100% genuine provenance and condition.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241149.jpg",
imageAlt: "Magnifying glass examining a watch movement",
},
title: "Guaranteed Authenticity", description: "Every timepiece undergoes rigorous multi-point authentication by certified horologists, ensuring 100% genuine provenance and condition.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241149.jpg", imageAlt: "Magnifying glass examining a watch movement"},
{
title: "Masterful Craftsmanship",
description: "We celebrate the intricate artistry and engineering of each brand, from the delicate movements to the iconic designs that define luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg",
imageAlt: "Blueprints of a complex watch movement",
},
title: "Masterful Craftsmanship", description: "We celebrate the intricate artistry and engineering of each brand, from the delicate movements to the iconic designs that define luxury.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg", imageAlt: "Blueprints of a complex watch movement"},
{
title: "Secure Global Sourcing",
description: "Our network spans the globe to bring you rare and sought-after pieces, handled with utmost discretion and secured logistics.",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-trucks-rural-road-forested-area_1308-189645.jpg",
imageAlt: "Secure vault with luxury watches",
},
title: "Secure Global Sourcing", description: "Our network spans the globe to bring you rare and sought-after pieces, handled with utmost discretion and secured logistics.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-trucks-rural-road-forested-area_1308-189645.jpg", imageAlt: "Secure vault with luxury watches"},
]}
title="Uncompromising Excellence in Every Detail"
description="Our commitment to unparalleled quality, authenticity, and bespoke service sets us apart. We ensure every aspect of your experience with Prestige Timepieces reflects the luxury and distinction of the watches we offer."
@@ -228,65 +153,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marcus Thorne",
date: "October 2023",
title: "An Unforgettable Acquisition",
quote: "The team at Prestige Timepieces delivered beyond expectation. My Patek Philippe was authenticated flawlessly, and the personalized service was exceptional. A truly first-class experience.",
tag: "Collector",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
avatarAlt: "Marcus Thorne profile picture",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg",
imageAlt: "Patek Philippe watch being held",
},
id: "1", name: "Marcus Thorne", date: "October 2023", title: "An Unforgettable Acquisition", quote: "The team at Prestige Timepieces delivered beyond expectation. My Patek Philippe was authenticated flawlessly, and the personalized service was exceptional. A truly first-class experience.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", avatarAlt: "Marcus Thorne profile picture", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg", imageAlt: "Patek Philippe watch being held"},
{
id: "2",
name: "Sophia Laurent",
date: "September 2023",
title: "My Dream Cartier",
quote: "Finding the perfect Cartier was effortless with Prestige Timepieces. Their expertise and attention to detail made me feel confident in my purchase. I couldn't be happier!",
tag: "Enthusiast",
avatarSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-white-long-dress-posing-smoking-cigarette_613910-11002.jpg",
avatarAlt: "Sophia Laurent profile picture",
imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg",
imageAlt: "Cartier watch on a woman's wrist",
},
id: "2", name: "Sophia Laurent", date: "September 2023", title: "My Dream Cartier", quote: "Finding the perfect Cartier was effortless with Prestige Timepieces. Their expertise and attention to detail made me feel confident in my purchase. I couldn't be happier!", tag: "Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-white-long-dress-posing-smoking-cigarette_613910-11002.jpg", avatarAlt: "Sophia Laurent profile picture", imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg", imageAlt: "Cartier watch on a woman's wrist"},
{
id: "3",
name: "David Chen",
date: "August 2023",
title: "Seamless & Professional",
quote: "From initial inquiry to final delivery, the process was seamless. The condition of my Audemars Piguet was exactly as described, proving their commitment to transparency and quality.",
tag: "Investor",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
avatarAlt: "David Chen profile picture",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg",
imageAlt: "Audemars Piguet watch on a desk",
},
id: "3", name: "David Chen", date: "August 2023", title: "Seamless & Professional", quote: "From initial inquiry to final delivery, the process was seamless. The condition of my Audemars Piguet was exactly as described, proving their commitment to transparency and quality.", tag: "Investor", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg", avatarAlt: "David Chen profile picture", imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg", imageAlt: "Audemars Piguet watch on a desk"},
{
id: "4",
name: "Elena Petrova",
date: "July 2023",
title: "Beyond Compare",
quote: "The curation here is beyond compare. I appreciated the knowledgeable guidance in selecting a vintage Rolex that perfectly matched my collection. Truly a connoisseur's choice.",
tag: "Aficionado",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg",
avatarAlt: "Elena Petrova profile picture",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg",
imageAlt: "Vintage Rolex watch on a display",
},
id: "4", name: "Elena Petrova", date: "July 2023", title: "Beyond Compare", quote: "The curation here is beyond compare. I appreciated the knowledgeable guidance in selecting a vintage Rolex that perfectly matched my collection. Truly a connoisseur's choice.", tag: "Aficionado", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg", avatarAlt: "Elena Petrova profile picture", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg", imageAlt: "Vintage Rolex watch on a display"},
{
id: "5",
name: "Thomas Sterling",
date: "June 2023",
title: "A Trusted Partner",
quote: "Prestige Timepieces is my go-to for rare finds. Their discreet service and dedication to client satisfaction make them a trusted partner in building my collection.",
tag: "Connoisseur",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg",
avatarAlt: "Thomas Sterling profile picture",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241147.jpg",
imageAlt: "Luxury watch being admired",
},
id: "5", name: "Thomas Sterling", date: "June 2023", title: "A Trusted Partner", quote: "Prestige Timepieces is my go-to for rare finds. Their discreet service and dedication to client satisfaction make them a trusted partner in building my collection.", tag: "Connoisseur", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg", avatarAlt: "Thomas Sterling profile picture", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241147.jpg", imageAlt: "Luxury watch being admired"},
]}
title="Voices of Our Esteemed Clients"
description="Hear from collectors and enthusiasts who trust Prestige Timepieces for their most valuable acquisitions and bespoke horology needs. Their satisfaction is our greatest reward."
@@ -303,20 +178,11 @@ export default function LandingPage() {
tagAnimation="opacity"
metrics={[
{
id: "metric-1",
value: "25+",
description: "Years of expertise in luxury horology",
},
id: "metric-1", value: "25+", description: "Years of expertise in luxury horology"},
{
id: "metric-2",
value: "500+",
description: "Unique timepieces curated annually",
},
id: "metric-2", value: "500+", description: "Unique timepieces curated annually"},
{
id: "metric-3",
value: "100%",
description: "Authentication Guarantee on every watch",
},
id: "metric-3", value: "100%", description: "Authentication Guarantee on every watch"},
]}
metricsAnimation="slide-up"
/>
@@ -327,14 +193,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Swiss Certified Horology",
"International Watch Guild",
"Luxury Time Magazine",
"Private Wealth Bank",
"Grand Auctions",
"Elite Auto Group",
"Bespoke Travel Co.",
]}
"Swiss Certified Horology", "International Watch Guild", "Luxury Time Magazine", "Private Wealth Bank", "Grand Auctions", "Elite Auto Group", "Bespoke Travel Co."]}
title="Trusted by Connoisseurs Worldwide"
description="Our commitment to excellence has earned us the trust of esteemed clients and prestigious partners across the luxury watch industry."
tag="Our Affiliations"
@@ -353,38 +212,11 @@ export default function LandingPage() {
tagAnimation="opacity"
blogs={[
{
id: "blog-1",
category: "History",
title: "The Enduring Legacy of the Rolex Daytona",
excerpt: "Explore the iconic history and racing heritage that cemented the Rolex Daytona's status as a collector's dream.",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",
imageAlt: "Vintage Rolex Daytona with racing car",
authorName: "Julian Vance",
authorAvatar: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-arrangement_23-2150348544.jpg",
date: "March 15, 2024",
},
id: "blog-1", category: "History", title: "The Enduring Legacy of the Rolex Daytona", excerpt: "Explore the iconic history and racing heritage that cemented the Rolex Daytona's status as a collector's dream.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Vintage Rolex Daytona with racing car", authorName: "Julian Vance", authorAvatar: "http://img.b2bpic.net/free-photo/top-view-vintage-objects-arrangement_23-2150348544.jpg", date: "March 15, 2024"},
{
id: "blog-2",
category: "Craftsmanship",
title: "Unraveling Patek Philippe's Grand Complications",
excerpt: "A deep dive into the intricate movements and breathtaking complications that define Patek Philippe's masterpieces.",
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-surrounded-by-black-friday-tags_23-2148285065.jpg",
imageAlt: "Complex Patek Philippe watch movement diagram",
authorName: "Eleanor Rossi",
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-is-sitting-armchair-hotel-room-holding-professional-photo-camera_8353-10904.jpg",
date: "February 28, 2024",
},
id: "blog-2", category: "Craftsmanship", title: "Unraveling Patek Philippe's Grand Complications", excerpt: "A deep dive into the intricate movements and breathtaking complications that define Patek Philippe's masterpieces.", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-surrounded-by-black-friday-tags_23-2148285065.jpg", imageAlt: "Complex Patek Philippe watch movement diagram", authorName: "Eleanor Rossi", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-is-sitting-armchair-hotel-room-holding-professional-photo-camera_8353-10904.jpg", date: "February 28, 2024"},
{
id: "blog-3",
category: "Market Trends",
title: "Investing in Luxury Watches: A Smart Collector's Guide",
excerpt: "Understand the market dynamics and key factors that make luxury watches a compelling investment for discerning collectors.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg",
imageAlt: "Financial charts and luxury watch",
authorName: "Benjamin Carter",
authorAvatar: "http://img.b2bpic.net/free-photo/sitting-businesswoman_23-2147626507.jpg",
date: "February 10, 2024",
},
id: "blog-3", category: "Market Trends", title: "Investing in Luxury Watches: A Smart Collector's Guide", excerpt: "Understand the market dynamics and key factors that make luxury watches a compelling investment for discerning collectors.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg", imageAlt: "Financial charts and luxury watch", authorName: "Benjamin Carter", authorAvatar: "http://img.b2bpic.net/free-photo/sitting-businesswoman_23-2147626507.jpg", date: "February 10, 2024"},
]}
/>
</div>
@@ -393,8 +225,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Personalized Service"
title="Connect With Our Concierge"
description="Our dedicated team of horology experts is ready to assist you with inquiries, bespoke sourcing requests, valuations, or any other personalized service you may require. Reach out to experience tailored luxury."
@@ -412,13 +243,9 @@ export default function LandingPage() {
logoAlt="Prestige Timepieces logo in footer"
logoText="Prestige Timepieces"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>

87
src/app/patek-philippe-collection/page.tsx Normal file
View File

@@ -0,0 +1,87 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
const navItems = [
{ name: "Home", id: "/" },
{ name: "Featured", id: "/#collection" },
{ name: "Patek Philippe", id: "/patek-philippe-collection" },
{ name: "Cartier", id: "/cartier-collection" },
{ name: "Heritage", id: "/#heritage" },
{ name: "Features", id: "/#features" },
{ name: "Testimonials", id: "/#testimonials" },
{ name: "Contact", id: "/#contact" },
];
export default function PatekPhilippeCollectionPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmall"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
logoSrc="http://img.b2bpic.net/free-vector/happy-new-year-background-with-golden-clock_23-2147718484.jpg"
logoAlt="Prestige Timepieces logo"
brandName="Prestige Timepieces"
bottomLeftText="Global Concierge Services"
bottomRightText="contact@prestigetimepieces.com"
/>
</div>
<div id="patek-philippe-collection" data-section="patek-philippe-collection">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "pp-nautilus-5711", brand: "Patek Philippe", name: "Nautilus 5711", price: "$130,000", rating: 5,
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg", imageAlt: "Patek Philippe Nautilus 5711"},
{
id: "pp-aquanaut-5167a", brand: "Patek Philippe", name: "Aquanaut 5167A", price: "$95,000", rating: 4.8,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/gold-watch-with-white-leather-band-lights-isolated-white_181624-28414.jpg", imageAlt: "Patek Philippe Aquanaut 5167A"},
{
id: "pp-calatrava-6119g", brand: "Patek Philippe", name: "Calatrava 6119G", price: "$38,000", rating: 4.9,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg", imageAlt: "Patek Philippe Calatrava 6119G"},
{
id: "pp-grand-complications-5270p", brand: "Patek Philippe", name: "Grand Complications 5270P", price: "$250,000", rating: 5,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-golden-items-second-hand-market_23-2149338420.jpg", imageAlt: "Patek Philippe Grand Complications 5270P"},
]}
title="Patek Philippe Collection"
description="Explore the exquisite Patek Philippe timepieces, embodying a legacy of unparalleled craftsmanship and timeless elegance. Each watch is a masterpiece of horological artistry, designed for discerning collectors, with capabilities for future filtering."
tag="Swiss Horology"
tagAnimation="opacity"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/luxury-linear-logotype-vintage-style_23-2147544487.jpg"
logoAlt="Prestige Timepieces logo in footer"
logoText="Prestige Timepieces"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

108
src/app/rolex-collection/page.tsx Normal file
View File

@@ -0,0 +1,108 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function RolexCollectionPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmall"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Rolex Collection", id: "/rolex-collection"},
{
name: "AP Collection", id: "/audemars-piguet-collection"},
{
name: "Heritage", id: "#heritage"},
{
name: "Features", id: "#features"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/happy-new-year-background-with-golden-clock_23-2147718484.jpg"
logoAlt="Prestige Timepieces logo"
brandName="Prestige Timepieces"
bottomLeftText="Global Concierge Services"
bottomRightText="contact@prestigetimepieces.com"
/>
</div>
<div id="rolex-collection-products" data-section="rolex-collection-products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "rolex-submariner-date", name: "Rolex Submariner Date", price: "$15,000", variant: "Oystersteel, Black Dial", imageSrc: "http://img.b2bpic.net/free-photo/wrist-watch_1203-9366.jpg", imageAlt: "Rolex Submariner Date"},
{
id: "rolex-daytona", name: "Rolex Daytona", price: "$35,000", variant: "Oystersteel, White Dial", imageSrc: "http://img.b2bpic.net/free-photo/luxury-watch_23-2147718448.jpg", imageAlt: "Rolex Daytona"},
{
id: "rolex-gmt-master-ii-pepsi", name: "Rolex GMT-Master II 'Pepsi'", price: "$25,000", variant: "Oystersteel, Blue/Red Bezel", imageSrc: "http://img.b2bpic.net/free-photo/gold-watch-black-face_181624-27091.jpg", imageAlt: "Rolex GMT-Master II 'Pepsi'"},
{
id: "rolex-datejust-41", name: "Rolex Datejust 41", price: "$12,000", variant: "Steel & White Gold, Fluted Bezel", imageSrc: "http://img.b2bpic.net/free-photo/clock_144627-1473.jpg", imageAlt: "Rolex Datejust 41"},
{
id: "rolex-explorer-ii", name: "Rolex Explorer II", price: "$10,500", variant: "Oystersteel, Black Dial", imageSrc: "http://img.b2bpic.net/free-photo/still-life-classic-men-accessories_23-2149500002.jpg", imageAlt: "Rolex Explorer II"},
{
id: "rolex-day-date-36", name: "Rolex Day-Date 36", price: "$40,000", variant: "Yellow Gold, Champagne Dial", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg", imageAlt: "Rolex Day-Date 36"},
]}
title="Rolex Collection: The Crown of Luxury"
description="Explore our exceptional selection of Rolex timepieces, renowned for their precision, durability, and iconic design. From the adventurous Submariner to the elegant Day-Date, discover the perfect embodiment of horological excellence."
tag="Rolex Masterpieces"
tagAnimation="opacity"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Personalized Service"
title="Connect With Our Concierge"
description="Our dedicated team of horology experts is ready to assist you with inquiries, bespoke sourcing requests, valuations, or any other personalized service you may require. Reach out to experience tailored luxury."
tagAnimation="opacity"
inputPlaceholder="Enter your email for exclusive updates"
buttonText="Subscribe"
termsText="By clicking Subscribe, you agree to receive marketing communications and our privacy policy."
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/luxury-linear-logotype-vintage-style_23-2147544487.jpg"
logoAlt="Prestige Timepieces logo in footer"
logoText="Prestige Timepieces"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #f5f4f0;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);