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

Merge version_2 into main #1

Merged
development merged 3 commits from version_2 into main 2026-01-14 18:18:45 +00:00
Conversation 0 Commits 3 Files Changed 3 +70 -68
3 changed files with 70 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/globals.css
View File

@@ -4,7 +4,7 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f6f0e9;;
/* --background: #f5f4ef","--card": "#dad6cd", "--foreground": "#2a2928", "--primary-cta": "#2a2928", "--secondary-cta": "#ecebea", "--accent": "#ffffff", "--background-accent": "#ffffff";;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #2b180a;;
@@ -12,7 +12,7 @@
--accent: #94877c;;
--background-accent: #e8d3c0;; */
--background: #f6f0e9;;
--background: #f5f4ef","--card": "#dad6cd", "--foreground": "#2a2928", "--primary-cta": "#2a2928", "--secondary-cta": "#ecebea", "--accent": "#ffffff", "--background-accent": "#ffffff";;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #2b180a;;

27
src/app/layout.tsx
View File

@@ -1,31 +1,36 @@
import type { Metadata } from "next";
import { Lora } from "next/font/google";
import { Cormorant_Garamond, Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const lora = Lora({
variable: "--font-lora", subsets: ["latin"],
const cormorantGaramond = Cormorant_Garamond({
variable: "--font-cormorant-garamond", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Luxury Watches Madrid | Premium Timepiece Collection", description: "Discover exceptional luxury watches in Madrid. Handpicked, authenticated timepieces from world's finest watchmakers. Expert curation and certification included.", keywords: "luxury watches, Madrid, timepieces, Swiss watches, watch collection, premium watches", metadataBase: new URL("https://timepiecesmadrid.com"),
title: "Café Barcelona | Vintage Charm & Artisan Coffee", description: "Discover our cozy vintage café in Barcelona. Artisan coffee, homemade pastries, and timeless ambiance. Your perfect escape in the heart of the city.", keywords: "café Barcelona, vintage coffee, artisan café, Barcelona coffee shop, cozy café", metadataBase: new URL("https://cafebarcelona.com"),
alternates: {
canonical: "https://timepiecesmadrid.com"
canonical: "https://cafebarcelona.com"
},
robots: {
index: true,
follow: true
},
openGraph: {
title: "Luxury Watches Madrid | Premium Timepiece Collection", description: "Discover exceptional luxury watches in Madrid. Handpicked, authenticated timepieces from world's finest watchmakers.", type: "website", siteName: "Timepieces Madrid", images: [
title: "Café Barcelona | Vintage Charm & Artisan Coffee", description: "Discover our cozy vintage café in Barcelona. Artisan coffee, homemade pastries, and timeless ambiance.", type: "website", siteName: "Café Barcelona", images: [
{
url: "https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", alt: "Luxury watch collection"
url: "https://images.unsplash.com/photo-1442512595331-e89e30266358?w=1200&h=630&fit=crop", alt: "Vintage café Barcelona"
}
]
},
twitter: {
card: "summary_large_image", title: "Luxury Watches Madrid", description: "Premium authenticated timepiece collection", images: ["https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg"]
card: "summary_large_image", title: "Café Barcelona", description: "Vintage charm meets artisan coffee", images: ["https://images.unsplash.com/photo-1442512595331-e89e30266358?w=1200&h=630&fit=crop"]
}
};
@@ -37,9 +42,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={lora.variable}
>
<body className={`${cormorantGaramond.variable} ${inter.variable}`}>
<Tag />
{children}
@@ -1264,4 +1267,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

107
src/app/page.tsx
View File

@@ -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>
);
}
}