development/a03bc4c0-5db1-49a5-9905-b88e83ae0003
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2026-01-14 18:18:40 +00:00
parent fd5f6297f2
commit 9b41bce246
1 changed files with 53 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; 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 FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase'; 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() { export default function LandingPage() {
return ( return (
@@ -26,37 +26,36 @@ export default function LandingPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
brandName="TIMEPIECES" brandName="Café Barcelona"
navItems={[ navItems={[
{ name: "Collection", id: "products" }, { name: "Menu", id: "products" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Process", id: "process" }, { name: "Specialty", id: "process" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" }
{ name: "Madrid", id: "hero" }
]} ]}
button={{ button={{
text: "Inquire Now", href: "contact" text: "Reserve Table", href: "contact"
}} }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="TIMEPIECES" logoText="Café Barcelona"
description="Discover exceptional luxury watches curated for the discerning collector. Handpicked timepieces from the world's finest watchmakers, now in Madrid." 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={[ buttons={[
{ text: "Explore Collection", href: "products" }, { text: "Explore Our Menu", href: "products" },
{ text: "Learn More", href: "about" } { text: "Our Story", href: "about" }
]} ]}
slides={[ 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} autoplayDelay={4000}
@@ -67,20 +66,20 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardOne <ProductCardOne
title="Featured Timepieces" title="Signature Coffee & Pastries"
description="A carefully curated selection of premium watches from renowned international manufacturers, each piece representing the pinnacle of horological excellence." 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={[ 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" gridVariant="two-columns-alternating-heights"
@@ -92,23 +91,23 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <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={[ metrics={[
{ {
icon: Clock, icon: Coffee,
label: "Years of Expertise", value: "15+" label: "Years of Tradition", value: "20+"
}, },
{ {
icon: Globe, icon: Users,
label: "International Brands", value: "25+" label: "Coffee Lovers", value: "10K+"
}, },
{ {
icon: Award, icon: Award,
label: "Satisfied Collectors", value: "500+" label: "Award-Winning Blends", value: "15+"
}, },
{ {
icon: Star, icon: Heart,
label: "Average Rating", value: "4.9/5" label: "Daily Visitors", value: "500+"
} }
]} ]}
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
@@ -117,22 +116,22 @@ export default function LandingPage() {
<div id="process" data-section="process"> <div id="process" data-section="process">
<FeatureProcessSteps <FeatureProcessSteps
title="How We Work" title="Our Coffee Journey"
description="Our meticulous process ensures every timepiece meets our rigorous standards for authenticity, condition, and value before reaching your collection." 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="Our Process" tag="Specialty Coffee"
tagIcon={CheckCircle} tagIcon={CheckCircle}
steps={[ 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" useInvertedBackground="invertDefault"
@@ -141,11 +140,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Ready to Begin Your Collection?" title="Visit Us Today"
description="Contact our specialists in Madrid to schedule a private viewing, inquire about specific timepieces, or discuss your collecting interests." 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={[ 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 name: "email", type: "email", placeholder: "Email Address", required: true
@@ -155,12 +154,12 @@ export default function LandingPage() {
} }
]} ]}
textarea={{ 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 required: true
}} }}
buttonText="Send Inquiry" buttonText="Send Message"
imageSrc="https://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg" imageSrc="https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=600&h=600&fit=crop"
imageAlt="Madrid luxury watch boutique" imageAlt="Vintage café Barcelona seating"
mediaPosition="right" mediaPosition="right"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
@@ -168,28 +167,28 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
logoText="TIMEPIECES" logoText="Café Barcelona"
copyrightText="© 2025 Timepieces Madrid | Luxury Watch Collection" copyrightText="© 2025 Café Barcelona | Vintage Coffee Culture"
columns={[ columns={[
{ {
title: "Collection", items: [ title: "Menu", items: [
{ label: "Featured Watches", href: "products" }, { label: "Coffee Selection", href: "products" },
{ label: "New Arrivals", href: "products" }, { label: "Pastries", href: "products" },
{ label: "Our Process", href: "process" } { label: "Our Process", href: "process" }
] ]
}, },
{ {
title: "About", items: [ title: "About", items: [
{ label: "Our Story", href: "about" }, { label: "Our Story", href: "about" },
{ label: "Authentication", href: "process" }, { label: "Coffee Culture", href: "process" },
{ label: "Contact Us", href: "contact" } { label: "Contact Us", href: "contact" }
] ]
}, },
{ {
title: "Location", items: [ title: "Visit", items: [
{ label: "Madrid, Spain", href: "#" }, { label: "Barcelona, Spain", href: "#" },
{ label: "By Appointment", href: "contact" }, { label: "Hours & Info", href: "contact" },
{ label: "Secure Shipping", href: "#" } { label: "Reservations", href: "contact" }
] ]
} }
]} ]}
@@ -197,4 +196,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }