3 Commits

Author SHA1 Message Date
97ac8e7f7b Bob AI: i dont like this hero section 2026-02-27 00:03:49 +02:00
8a452dad97 Merge version_2 into main
Merge version_2 into main
2026-02-26 22:01:52 +00:00
57377cc1cd Bob AI: Replace the current NavbarStyleFullscreen with a different n 2026-02-27 00:01:42 +02:00

View File

@@ -1,8 +1,8 @@
"use client"
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -11,6 +11,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Wheat, Coffee, Cake, Cookie, Heart, MapPin, Instagram, Facebook, Mail, Sparkles, Award } from "lucide-react";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
export default function LandingPage() {
return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
<NavbarStyleApple
brandName="Artisan Bakery"
navItems={[
{ name: "Home", id: "hero" },
@@ -36,27 +37,45 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" },
{ name: "Order Online", id: "pricing" }
]}
bottomLeftText="Freshly Baked Daily"
bottomRightText="hello@artisanbakery.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Welcome to Artisan Bakery"
description="Experience the warmth of freshly baked bread, pastries, and cakes made with love and premium ingredients. From sourdough to croissants, every bite tells a story of craftsmanship."
background={{ variant: "plain" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/tablet-mobile-female-using-phone_1303-2074.jpg", alt: "Happy customer enjoying fresh bread" },
{ src: "http://img.b2bpic.net/free-photo/cook-accurately-breaks-egg-make-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-453.jpg", alt: "Artisan baker at work" },
{ src: "http://img.b2bpic.net/free-photo/various-baking-supermarket-shelves-sale_627829-7384.jpg", alt: "Golden pastries fresh from the oven" }
]}
avatarText="Trusted by thousands of families"
<HeroBillboardRotatedCarousel
title="Artisan Bakery"
description="Discover our rotating selection of freshly baked masterpieces. From traditional sourdough to delicate French pastries, each creation is crafted with passion and premium ingredients."
background={{ variant: "radial-gradient" }}
tag="Freshly Baked Daily"
buttons={[
{ text: "Order Now", href: "pricing" },
{ text: "Learn Our Story", href: "about" }
{ label: "Order Now", href: "#order", dataWebildId: "hero_order_btn" },
{ label: "View Menu", href: "#menu", dataWebildId: "hero_menu_btn" }
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "item-1",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-delicious-croissants_23-2149199145.jpg",
imageAlt: "Golden croissants fresh from the oven"
},
{
id: "item-2",
imageSrc: "https://img.b2bpic.net/free-photo/artisan-sourdough-bread-rustic-table_23-2149199234.jpg",
imageAlt: "Rustic sourdough loaf with perfect crust"
},
{
id: "item-3",
imageSrc: "https://img.b2bpic.net/free-photo/assorted-pastries-display-bakery-case_23-2149199312.jpg",
imageAlt: "Assorted pastries and cakes"
},
{
id: "item-4",
imageSrc: "https://img.b2bpic.net/free-photo/chocolate-eclairs-elegant-presentation_23-2149199401.jpg",
imageAlt: "Elegant chocolate eclairs"
}
]}
autoPlay={true}
autoPlayInterval={5000}
ariaLabel="Artisan Bakery hero section with rotating product carousel"
/>
</div>