Update src/app/page.tsx
This commit is contained in:
107
src/app/page.tsx
107
src/app/page.tsx
@@ -1,4 +1,4 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -8,7 +8,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Clock, Globe, Award, Star, CheckCircle } from 'lucide-react';
|
||||
import { Coffee, Users, Award, Heart, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,37 +26,36 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="TIMEPIECES"
|
||||
brandName="Café Barcelona"
|
||||
navItems={[
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Madrid", id: "hero" }
|
||||
{ name: "Specialty", id: "process" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Inquire Now", href: "contact"
|
||||
text: "Reserve Table", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="TIMEPIECES"
|
||||
description="Discover exceptional luxury watches curated for the discerning collector. Handpicked timepieces from the world's finest watchmakers, now in Madrid."
|
||||
logoText="Café Barcelona"
|
||||
description="Step into a world of vintage charm and artisan craftsmanship. Experience authentic coffee culture in our cozy Barcelona café, where every cup tells a story."
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "products" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
{ text: "Explore Our Menu", href: "products" },
|
||||
{ text: "Our Story", href: "about" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", imageAlt: "Luxury watch collection hero"
|
||||
imageSrc: "https://images.unsplash.com/photo-1442512595331-e89e30266358?w=1200&h=800&fit=crop", imageAlt: "Cozy vintage café interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg", imageAlt: "Premium timepiece showcase"
|
||||
imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=1200&h=800&fit=crop", imageAlt: "Artisan coffee preparation"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg", imageAlt: "Elegant watch display"
|
||||
imageSrc: "https://images.unsplash.com/photo-1447933601403-0c6688de566e?w=1200&h=800&fit=crop", imageAlt: "Vintage café seating"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
@@ -67,20 +66,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Timepieces"
|
||||
description="A carefully curated selection of premium watches from renowned international manufacturers, each piece representing the pinnacle of horological excellence."
|
||||
title="Signature Coffee & Pastries"
|
||||
description="Discover our carefully curated selection of specialty coffees sourced from the finest roasters, paired with freshly baked pastries made daily using traditional recipes."
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Classic Elegance", price: "€8,500", imageSrc: "https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", imageAlt: "Classic dress watch"
|
||||
id: "1", name: "Barcelona Espresso", price: "€3.50", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=500&h=500&fit=crop", imageAlt: "Rich espresso shot"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sport Precision", price: "€12,200", imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg", imageAlt: "Premium sport watch"
|
||||
id: "2", name: "Vintage Cappuccino", price: "€4.50", imageSrc: "https://images.unsplash.com/photo-1517668808822-9ebb02ae2a0e?w=500&h=500&fit=crop", imageAlt: "Silky cappuccino with latte art"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Vintage Heritage", price: "€9,800", imageSrc: "https://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg", imageAlt: "Vintage luxury timepiece"
|
||||
id: "3", name: "House Blend Cold Brew", price: "€4.00", imageSrc: "https://images.unsplash.com/photo-1517701550927-30cf4ba53202?w=500&h=500&fit=crop", imageAlt: "Refreshing cold brew coffee"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Modern Vision", price: "€10,500", imageSrc: "https://img.b2bpic.net/free-photo/front-view-sleeve-man-s-suit-hands-with-stylish-watch_8353-10511.jpg", imageAlt: "Contemporary luxury watch"
|
||||
id: "4", name: "Almond Croissant", price: "€3.75", imageSrc: "https://images.unsplash.com/photo-1555507036-ab1f4038808a?w=500&h=500&fit=crop", imageAlt: "Butter croissant with almonds"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -92,23 +91,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Curating Excellence Since Day One. Premium watches deserve premium care, expertise, and appreciation."
|
||||
title="A Legacy of Authentic Coffee Culture. Vintage charm meets modern passion for the perfect brew."
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years of Expertise", value: "15+"
|
||||
icon: Coffee,
|
||||
label: "Years of Tradition", value: "20+"
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "International Brands", value: "25+"
|
||||
icon: Users,
|
||||
label: "Coffee Lovers", value: "10K+"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Satisfied Collectors", value: "500+"
|
||||
label: "Award-Winning Blends", value: "15+"
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Average Rating", value: "4.9/5"
|
||||
icon: Heart,
|
||||
label: "Daily Visitors", value: "500+"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
@@ -117,22 +116,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureProcessSteps
|
||||
title="How We Work"
|
||||
description="Our meticulous process ensures every timepiece meets our rigorous standards for authenticity, condition, and value before reaching your collection."
|
||||
tag="Our Process"
|
||||
title="Our Coffee Journey"
|
||||
description="From bean selection to your cup, we honor every step of the coffee-making process with care and expertise passed down through generations."
|
||||
tag="Specialty Coffee"
|
||||
tagIcon={CheckCircle}
|
||||
steps={[
|
||||
{
|
||||
number: "01", title: "Authentication", tag: "Expert Review", description: "Each watch undergoes comprehensive authentication by certified specialists, verifying provenance, serial numbers, and original components."
|
||||
number: "01", title: "Sourcing", tag: "Global Selection", description: "We partner with ethical coffee farmers from around the world, selecting only the finest, sustainably grown beans for our roastery."
|
||||
},
|
||||
{
|
||||
number: "02", title: "Service & Restoration", tag: "Technical Care", description: "Professional watchmakers perform complete servicing, cleaning, and any necessary restoration to ensure perfect mechanical performance."
|
||||
number: "02", title: "Roasting", tag: "Artisan Craft", description: "Our master roasters carefully profile each batch, developing rich, balanced flavors that showcase the unique characteristics of each origin."
|
||||
},
|
||||
{
|
||||
number: "03", title: "Documentation", tag: "Certification", description: "Complete documentation is prepared including authenticity certificates, service records, and detailed condition reports for your records."
|
||||
number: "03", title: "Grinding", tag: "Precision", description: "Fresh ground to order at the exact moment of brewing, ensuring maximum aroma and flavor extraction for your perfect cup."
|
||||
},
|
||||
{
|
||||
number: "04", title: "Personal Consultation", tag: "Expert Guidance", description: "Direct consultation with our specialists to find the perfect timepiece that matches your collecting goals and preferences."
|
||||
number: "04", title: "Brewing", tag: "Expert Technique", description: "Our baristas use time-honored methods and modern precision to brew each cup to perfection, tailored to your preferences."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
@@ -141,11 +140,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to Begin Your Collection?"
|
||||
description="Contact our specialists in Madrid to schedule a private viewing, inquire about specific timepieces, or discuss your collecting interests."
|
||||
title="Visit Us Today"
|
||||
description="Stop by our vintage café for a warm cup of coffee and the perfect escape from the bustle of Barcelona. We look forward to welcoming you."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true
|
||||
@@ -155,12 +154,12 @@ export default function LandingPage() {
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "inquiry", placeholder: "Tell us about your watch collecting interests or inquire about specific timepieces...", rows: 5,
|
||||
name: "message", placeholder: "Tell us about your visit or ask about our special events, catering, or private bookings...", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
buttonText="Send Inquiry"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg"
|
||||
imageAlt="Madrid luxury watch boutique"
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=600&h=600&fit=crop"
|
||||
imageAlt="Vintage café Barcelona seating"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
@@ -168,28 +167,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="TIMEPIECES"
|
||||
copyrightText="© 2025 Timepieces Madrid | Luxury Watch Collection"
|
||||
logoText="Café Barcelona"
|
||||
copyrightText="© 2025 Café Barcelona | Vintage Coffee Culture"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection", items: [
|
||||
{ label: "Featured Watches", href: "products" },
|
||||
{ label: "New Arrivals", href: "products" },
|
||||
title: "Menu", items: [
|
||||
{ label: "Coffee Selection", href: "products" },
|
||||
{ label: "Pastries", href: "products" },
|
||||
{ label: "Our Process", href: "process" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Authentication", href: "process" },
|
||||
{ label: "Coffee Culture", href: "process" },
|
||||
{ label: "Contact Us", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Location", items: [
|
||||
{ label: "Madrid, Spain", href: "#" },
|
||||
{ label: "By Appointment", href: "contact" },
|
||||
{ label: "Secure Shipping", href: "#" }
|
||||
title: "Visit", items: [
|
||||
{ label: "Barcelona, Spain", href: "#" },
|
||||
{ label: "Hours & Info", href: "contact" },
|
||||
{ label: "Reservations", href: "contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -197,4 +196,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user