Merge version_1 into main #3

Merged
bender merged 2 commits from version_1 into main 2026-04-06 10:30:35 +00:00
2 changed files with 37 additions and 66 deletions

View File

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Constantine & Helens | Handcrafted Desserts in Evia',
description: 'Discover authentic, handcrafted desserts made fresh daily with love and tradition in Evia.',
title: 'Constantine & Helens | Artisan Patisserie in Evia',
description: 'Handcrafted desserts, made fresh daily in Evia. Experience the extraordinary.',
openGraph: {
"title": "Constantine & Helens | Luxury Patisserie",
"description": "Where traditional Greek desserts meet modern elegance.",

View File

@@ -1,5 +1,3 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -11,53 +9,47 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Coffee, Leaf, Users, Cake, Award, Smile, Heart } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Menu", id: "#products" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
];
export default function Page() {
const navItems = [{ name: 'Home', id: '/' }];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
brandName="Constantine & Helens"
/>
<NavbarStyleCentered navItems={navItems} brandName="Constantine & Helens" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Indulge in something unforgettable."
description="Handcrafted desserts, made fresh daily in Evia."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Explore Menu", href: "#products" }, { text: "Visit Us Today", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-drink-with-lemon_23-2149617135.jpg", imageAlt: "Chocolate pour" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-donuts-concept_23-2148761706.jpg", imageAlt: "Cake display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg", imageAlt: "Gelato scoop" },
{ imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-holding-pastry_23-2147984963.jpg", imageAlt: "Chocolate glaze dripping" },
{ imageSrc: "http://img.b2bpic.net/free-photo/collection-various-cakes-table_1262-20058.jpg", imageAlt: "Elegant ice cream" }
{ imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-holding-pastry_23-2147984963.jpg", imageAlt: "Pastry closeup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/collection-various-cakes-table_1262-20058.jpg", imageAlt: "Service scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ice-creams-biscuit_23-2148507975.jpg", imageAlt: "Artisan craft" }
]}
buttons={[{ text: "Explore Menu", href: "#products" }, { text: "Visit Us Today", href: "#contact" }]}
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Loved by dessert lovers"
description="Rated 4.6/5 across 799+ reviews."
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Excellent", quote: "Best ice cream I ever had.", name: "Sarah J.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
{ id: "2", title: "Quality", quote: "You can taste the quality ingredients.", name: "Mark L.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg" },
{ id: "3", title: "Must try", quote: "Profiterole is a must-order.", name: "Emily R.", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-caf-using-mobile-phone_23-2148027972.jpg" },
{ id: "4", title: "Extraordinary", quote: "Small indulgences feel extraordinary here.", name: "David K.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25269.jpg" },
{ id: "5", title: "Atmosphere", quote: "Romantic and warm, truly unique.", name: "Helen P.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-front-glass-showcase-with-pastries_171337-16936.jpg" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
<ProductCardThree
title="Signature Creations"
description="Made daily using real butter, fresh milk, and seasonal ingredients."
animationType="slide-up"
@@ -74,10 +66,10 @@ export default function HomePage() {
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
<AboutMetric
title="A Legacy of Sweetness"
useInvertedBackground={false}
metrics={[
{ icon: Coffee, label: "Fresh Daily", value: "100%" },
{ icon: Leaf, label: "Natural Ingredients", value: "100%" },
@@ -85,14 +77,12 @@ export default function HomePage() {
{ icon: Cake, label: "Variety", value: "50+" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="brand-story" data-section="brand-story">
<MetricCardThree
<MetricCardThree
title="Beyond Dessert"
description="Constantine & Helens isnt just a patisserie. Every dessert is crafted with care."
description="Constantine & Helens isnt just a patisserie. Its a place where memories are made — birthdays, late-night cravings, small celebrations that matter. Every dessert is crafted with care, using recipes inspired by Greek tradition and elevated with modern technique."
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
@@ -103,41 +93,22 @@ export default function HomePage() {
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Loved by dessert lovers"
description="Rated 4.6/5 across 799+ reviews."
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Excellent", quote: "Best ice cream I ever had.", name: "Sarah J.", role: "Food Blogger" },
{ id: "2", title: "Quality", quote: "You can taste the quality ingredients.", name: "Mark L.", role: "Chef" },
{ id: "3", title: "Must try", quote: "Profiterole is a must-order.", name: "Emily R.", role: "Local Guide" },
{ id: "4", title: "Extraordinary", quote: "Small indulgences feel extraordinary here.", name: "David K.", role: "Teacher" },
{ id: "5", title: "Atmosphere", quote: "Romantic and warm, truly unique.", name: "Helen P.", role: "Designer" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactSplit
tag="Visit Us"
title="Experience the Extraordinary"
description="Located in the heart of Evia. Come visit our boutique."
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
description="Located in the heart of Evia. Open daily 9am11pm. Come visit our boutique for a sensory treat."
background={{ variant: "plain" }}
useInvertedBackground={false}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
buttonText="Get Directions"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterBaseCard
logoText="Constantine & Helens"
columns={[
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Contact", href: "#contact" }] }
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Contact", href: "#contact" }] }
]}
/>
</div>