Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5237184dcf | |||
| 88913e29cb | |||
| 9d59840058 | |||
| 70ab8d5a50 | |||
| af2a2d78de |
254
src/app/page.tsx
254
src/app/page.tsx
@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -26,24 +27,12 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home / Accueil", id: "#hero" },
|
||||||
name: "Home",
|
{ name: "Menu / Carte", id: "#products" },
|
||||||
id: "/",
|
{ name: "Experience", id: "#testimonials" },
|
||||||
},
|
{ name: "Contact", id: "#contact" }
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Brunch",
|
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Marina's Bakery"
|
brandName="Marina's Bakery"
|
||||||
/>
|
/>
|
||||||
@@ -52,88 +41,42 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="The Art of the Morning. Redefined."
|
title="The Art of the Morning. Redefined."
|
||||||
description="From French-inspired pastries to our legendary New York Cheesecake. Experience the soul of Porcari’s most exclusive bakery."
|
description="From French-inspired pastries to our legendary New York Cheesecake. Experience the soul of Porcari’s most exclusive bakery."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Your Brunch", href: "#contact" },
|
||||||
text: "Book Your Brunch Table",
|
{ text: "View Daily Menu", href: "#products" }
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View The Daily Menu",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-reading-notes-table_23-2148757524.jpg", imageAlt: "Cappuccino shot" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-reading-notes-table_23-2148757524.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-with-flour-wooden-letters_114579-39245.jpg", imageAlt: "Croissant detail" }
|
||||||
imageAlt: "Cappuccino shot",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-with-flour-wooden-letters_114579-39245.jpg",
|
|
||||||
imageAlt: "Croissant detail",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-syrup-pouring-vanilla-ice-cream-dessert_84443-86130.jpg",
|
|
||||||
imageAlt: "Cheesecake slice",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-baking-together_23-2150014861.jpg",
|
|
||||||
imageAlt: "All female team",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg",
|
|
||||||
imageAlt: "Avocado toast",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg",
|
|
||||||
imageAlt: "Bakery interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="social-proof" data-section="social-proof">
|
||||||
|
<SocialProofOne
|
||||||
|
names={["Gault&Millau", "Michelin Guide", "Eater Porcari", "Local Gastronomy"]}
|
||||||
|
title="Recognized for Excellence"
|
||||||
|
description="Featured in leading culinary publications for our dedication to craft and quality."
|
||||||
|
textboxLayout="split-description"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwelve
|
<FeatureCardTwelve
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "1", label: "01", title: "Freshly Crafted", items: ["Made-to-order quality", "Zero shelf time", "Seasonal ingredients"] },
|
||||||
id: "1",
|
{ id: "2", label: "02", title: "Inclusive Luxury", items: ["Gluten-free options", "Curated dietary selections", "Welcoming atmosphere"] },
|
||||||
label: "01",
|
{ id: "3", label: "03", title: "Soulful Vision", items: ["Marina's craftsmanship", "Attention to detail", "Warm hospitality"] }
|
||||||
title: "Express Freshness",
|
|
||||||
items: [
|
|
||||||
"Prepared to order",
|
|
||||||
"Nothing sits on a shelf",
|
|
||||||
"Peak seasonal ingredients",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
label: "02",
|
|
||||||
title: "Inclusive Luxury",
|
|
||||||
items: [
|
|
||||||
"Gluten-free delicacies",
|
|
||||||
"Healthy avocado toast",
|
|
||||||
"Carefully curated menu",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
label: "03",
|
|
||||||
title: "Female Touch",
|
|
||||||
items: [
|
|
||||||
"Marina's impeccable vision",
|
|
||||||
"Attention to every detail",
|
|
||||||
"Soulful, warm hospitality",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Quality Expressly"
|
title="Quality Expressly"
|
||||||
description="A breath of fresh air in Porcari."
|
description="Luxury isn't just about the product; it's about the care we put into every bite."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -144,143 +87,46 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", brand: "Signature", name: "New York Cheesecake", price: "€8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/sweet-cheesecake-with-blue-berry-wooden-table_123827-22750.jpg" },
|
||||||
id: "1",
|
{ id: "2", brand: "Artisan", name: "French Tarts", price: "€6", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-delicious-cakes-with-cream-fruits-dark-surface-sweet-berry_140725-27497.jpg" }
|
||||||
brand: "Bakery",
|
|
||||||
name: "New York Cheesecake",
|
|
||||||
price: "€8",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-cheesecake-with-blue-berry-wooden-table_123827-22750.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
brand: "Bakery",
|
|
||||||
name: "Artisan Cookies",
|
|
||||||
price: "€4",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-cookie-plate-blue-table_114579-90276.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
brand: "Brunch",
|
|
||||||
name: "Feta & Avocado Toast",
|
|
||||||
price: "€12",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-bread-into-sunny-side-up-egg-cooked-copper-pan_140725-5277.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
brand: "Brunch",
|
|
||||||
name: "American Pancakes",
|
|
||||||
price: "€14",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "70",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/american-breakfast-with-pancakes_53876-30978.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
brand: "Bakery",
|
|
||||||
name: "French Tarts",
|
|
||||||
price: "€6",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-distant-view-delicious-cakes-with-cream-fruits-dark-surface-sweet-berry_140725-27497.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
brand: "Breakfast",
|
|
||||||
name: "Morning Delicacy",
|
|
||||||
price: "€9",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "65",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-dessert-with-red-berries-sauce-white-ceramic-plate_23-2148161584.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Signature Experience"
|
title="The Daily Selection"
|
||||||
description="From our famous weekend brunch to our spatial New York Cheesecake."
|
description="Freshly baked delights delivered daily to our showcase."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardTwelve
|
||||||
textboxLayout="split"
|
cardTitle="Guest Experiences"
|
||||||
|
cardTag="Testimonials"
|
||||||
|
cardAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-cafe_72229-1426.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Marco S.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg" },
|
||||||
name: "Elena R.",
|
{ id: "3", name: "Giulia B.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" }
|
||||||
date: "2024-05",
|
|
||||||
title: "A true cuddle",
|
|
||||||
quote: "The place that was missing in town. A real cuddle for the heart.",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-cafe_72229-1426.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Marco S.",
|
|
||||||
date: "2024-04",
|
|
||||||
title: "Exceptional quality",
|
|
||||||
quote: "Where quality meets kindness. Everything is so curated.",
|
|
||||||
tag: "Visitor",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/doughnuts_23-2148143800.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Giulia B.",
|
|
||||||
date: "2024-03",
|
|
||||||
title: "Amazing cheesecake",
|
|
||||||
quote: "The New York Cheesecake is truly spatial. Best I've had.",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/seamless-pattern-bakery-cake-background_384344-1956.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Sofia L.",
|
|
||||||
date: "2024-02",
|
|
||||||
title: "Amazing brunch",
|
|
||||||
quote: "The weekend brunch is a fixed-price must. Everything feels so intentional.",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771071.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/seamless-pattern-bakery-cake-background_384344-1975.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Luca P.",
|
|
||||||
date: "2024-01",
|
|
||||||
title: "Beautiful atmosphere",
|
|
||||||
quote: "Such a warm atmosphere, perfect for a peaceful breakfast.",
|
|
||||||
tag: "Local",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-vector/seamless-pattern-bakery-cake-background_384344-1969.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/boho-pattern-with-different-elements_23-2147847921.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="A Breath of Fresh Air"
|
/>
|
||||||
description="See why our customers love the Marina Bakery experience."
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
|
||||||
}}
|
|
||||||
tag="Reservations"
|
tag="Reservations"
|
||||||
title="Book Your Brunch"
|
title="Book Your Brunch Table"
|
||||||
description="Secure your table for our signature €28 weekend brunch formula. Spots fill up fast."
|
description="Secure your table for our €28 weekend brunch formula. Visit us at Viale G. Marconi, 5, 55016 Porcari, Italy. We prioritize made-to-order experiences for every guest."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterSimple
|
||||||
logoText="Marina's Bakery"
|
columns={[
|
||||||
copyrightText="© 2025 Marina's Bakery, Porcari"
|
{ title: "Bakery", items: [{ label: "Our Story" }, { label: "Made-to-Order Process" }] },
|
||||||
|
{ title: "Information", items: [{ label: "Inclusive Luxury Commitment" }, { label: "Contact & Location" }] }
|
||||||
|
]}
|
||||||
|
bottomLeftText="Marina's Bakery - Viale G. Marconi, 5, 55016 Porcari, Italy."
|
||||||
|
bottomRightText="© 2025 Porcari, Italy"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user