Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29c6db19fb | |||
| 12f15f06eb | |||
| 3a70c9e6d6 | |||
| c076d3b2aa | |||
| 89a62f9b66 |
1367
src/app/layout.tsx
1367
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -1,8 +1,8 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
||||
@@ -10,6 +10,7 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles, Package, Award, Mail } from "lucide-react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,7 +27,7 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
brandName="Artisan Bakery"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
@@ -35,25 +36,43 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Order Now", id: "order" }
|
||||
]}
|
||||
bottomLeftText="Baked Fresh Daily"
|
||||
bottomRightText="hello@artisanbakery.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Artisan Bakery"
|
||||
description="Freshly baked goodness, crafted daily with premium ingredients and time-honored techniques. Experience the warmth and comfort of authentic artisan baking."
|
||||
<HeroBillboardCarousel
|
||||
title="Freshly Baked Every Morning"
|
||||
description="Discover our rotating selection of artisan breads, pastries, and seasonal specialties. Each item is crafted with premium ingredients and traditional baking methods."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="New Collection"
|
||||
tagAnimation="pulse"
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#order" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: "Shop Now", href: "#shop", dataWebildId: "hero_shop_btn" },
|
||||
{ text: "View Menu", href: "#menu", dataWebildId: "hero_menu_btn" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-1422.jpg"
|
||||
imageAlt="Fresh artisan bakery display"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-1422.jpg?_wi=1",
|
||||
imageAlt: "Artisan sourdough bread"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg?_wi=1",
|
||||
imageAlt: "Fresh croissants display"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/baker-with-flour-hand_169016-1422.jpg?_wi=2",
|
||||
imageAlt: "Seasonal pastry collection"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg?_wi=2",
|
||||
imageAlt: "Custom cake designs"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Hero carousel showcasing artisan bakery products"
|
||||
containerClassName="py-20"
|
||||
titleClassName="text-5xl font-bold text-amber-900"
|
||||
descriptionClassName="text-lg text-amber-700"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user