Merge version_1 into main #1
413
src/app/page.tsx
413
src/app/page.tsx
@@ -1,320 +1,123 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Cake, Coffee, Heart, Leaf, Smile, Users } from "lucide-react";
|
||||
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 LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Constantine & Helen’s"
|
||||
/>
|
||||
</div>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
logoText="Constantine & Helen’s"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Indulge in something unforgettable."
|
||||
description="Handcrafted desserts, made fresh daily in Evia."
|
||||
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: "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",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</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" }}
|
||||
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" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }, { text: "Visit Us Today", href: "#contact" }]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Loved by dessert lovers"
|
||||
description="Rated 4.6/5 across 799+ reviews."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Signature Creations"
|
||||
description="Made daily using real butter, fresh milk, and seasonal ingredients."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{ id: "p1", name: "Galaktoboureko", price: "€5.50", imageSrc: "http://img.b2bpic.net/free-photo/four-delicious-baklava-dark-plate_114579-50125.jpg" },
|
||||
{ id: "p2", name: "Profiterole", price: "€6.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-balls-ai-generated-image_268835-6150.jpg" },
|
||||
{ id: "p3", name: "Artisanal Gelato", price: "€4.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Galaktoboureko",
|
||||
price: "€5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-delicious-baklava-dark-plate_114579-50125.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Profiterole",
|
||||
price: "€6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-balls-ai-generated-image_268835-6150.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisanal Gelato",
|
||||
price: "€4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Celebration Cake",
|
||||
price: "€35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-platter_114579-16601.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Tartlet",
|
||||
price: "€4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-chocolate-cakes-white-plate_114579-85484.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Mousse",
|
||||
price: "€5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-cake-decorated-with-strawberry-plate_141793-2962.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Creations"
|
||||
description="Made daily using real butter, fresh milk, and seasonal ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="A Legacy of Sweetness"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Fresh Daily", value: "100%" },
|
||||
{ icon: Leaf, label: "Natural Ingredients", value: "100%" },
|
||||
{ icon: Users, label: "Warm Service", value: "Daily" },
|
||||
{ icon: Cake, label: "Variety", value: "50+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Sweetness"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Fresh Daily",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Natural Ingredients",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Warm Service",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
icon: Cake,
|
||||
label: "Variety",
|
||||
value: "50+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="brand-story" data-section="brand-story">
|
||||
<MetricCardThree
|
||||
title="Beyond Dessert"
|
||||
description="Constantine & Helen’s isn’t just a patisserie. Every dessert is crafted with care."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Founded in", value: "2015" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Guests", value: "10k+" },
|
||||
{ id: "m3", icon: Heart, title: "Recipes", value: "100%" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="brand-story" data-section="brand-story">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Founded in",
|
||||
value: "2015",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Guests",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Heart,
|
||||
title: "Recipes",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
title="Beyond Dessert"
|
||||
description="Constantine & Helen’s isn’t just a patisserie. It’s 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. Because the smallest indulgences should feel extraordinary."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Loved by dessert lovers"
|
||||
description="Rated 4.6/5 across 799+ reviews."
|
||||
textboxLayout="split-description"
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Experience the Extraordinary"
|
||||
description="Located in the heart of Evia. Open daily 9am–11pm. Come visit our boutique for a sensory treat."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<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"
|
||||
background={{ variant: "plain" }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Constantine & Helen’s"
|
||||
columns={[
|
||||
{
|
||||
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>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Constantine & Helen’s"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user