Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 73f469e0c3 | |||
| 9c45a4a6c2 | |||
| 3bf43eaff7 | |||
| c905d48e24 | |||
| 9e2672834a | |||
| 767b7d030c | |||
| 889890b372 | |||
| 17dfec37fd | |||
| 5739e47030 | |||
| 10a7af6fdb | |||
| 08d3ae8403 | |||
| a27ef70152 |
@@ -1,17 +1,24 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Nunito } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
import { Mulish } from "next/font/google";
|
||||||
|
import { Inter } from "next/font/google";
|
||||||
|
|
||||||
const nunito = Nunito({
|
|
||||||
variable: "--font-nunito", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Artisan Bakery | Fresh Baked Goods Delivered Daily", description: "Discover freshly baked artisan breads, pastries, and cakes made daily with love. Order online for local delivery or visit our warm, inviting bakery today.", keywords: ["artisan bakery", "fresh baked goods", "sourdough bread", "croissants", "custom cakes", "local bakery", "online bakery orders", "pastries", "cinnamon rolls", "bakery delivery"]
|
title: "Artisan Bakery | Fresh Baked Goods Delivered Daily", description: "Discover freshly baked artisan breads, pastries, and cakes made daily with love. Order online for local delivery or visit our warm, inviting bakery today.", keywords: ["artisan bakery", "fresh baked goods", "sourdough bread", "croissants", "custom cakes", "local bakery", "online bakery orders", "pastries", "cinnamon rolls", "bakery delivery"]
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const mulish = Mulish({
|
||||||
|
variable: "--font-mulish",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -20,9 +27,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
|
||||||
className={`${nunito.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
@@ -45,23 +45,22 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-section" data-section="hero-section">
|
<div id="hero-section" data-section="hero-section">
|
||||||
<HeroOverlay
|
<HeroBillboard
|
||||||
title="Freshly Baked Goodness, Delivered with Love"
|
title="Artisan Bakery"
|
||||||
description="Discover our artisan bakery's finest creations—from sourdough to seasonal pastries. Made daily with premium ingredients and baked to perfection."
|
description="Handcrafted breads and pastries baked fresh daily. Experience the warmth of traditional baking techniques combined with premium, locally-sourced ingredients."
|
||||||
tag="New Summer Collection"
|
background={{ variant: "radial-gradient" }}
|
||||||
|
tag="Freshly Baked Daily"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Order Now", href: "#products-section" },
|
{ label: "Shop Now", href: "#products-section", dataWebildId: "hero_billboard_shop_btn" },
|
||||||
{ text: "Learn Our Story", href: "#about-section" }
|
{ label: "View Menu", href: "#menu-section", dataWebildId: "hero_billboard_menu_btn" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
|
||||||
imageAlt="artisan bakery interior fresh baked goods display warm bakery lighting"
|
imageAlt="artisan bakery showcase with fresh baked goods"
|
||||||
textPosition="bottom-left"
|
mediaAnimation="fade-in"
|
||||||
showDimOverlay={false}
|
ariaLabel="Hero section for artisan bakery featuring fresh baked goods"
|
||||||
showBlur={true}
|
|
||||||
ariaLabel="Hero section showcasing artisan bakery products"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-font-family: var(--font-nunito), sans-serif;), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-font-family: var(--font-nunito), sans-serif;), sans-serif;
|
font-family: var(--font-mulish), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,23 +2,23 @@
|
|||||||
/* Base units */
|
/* Base units */
|
||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
/* --background: #f7f6f7;;
|
/* --background: #ffffff;;;;
|
||||||
--card: #ffffff;;
|
--card: #f9f9f9;;;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #120a00e6;;;;
|
||||||
--primary-cta: #0b07ff;;
|
--primary-cta: #FF7B05;;;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #f9f9f9;;;;
|
||||||
--accent: #93b7ff;;
|
--accent: #e2e2e2;;;;
|
||||||
--background-accent: #a8bae8;; */
|
--background-accent: #FF7B05;;;; */
|
||||||
|
|
||||||
--background: #f7f6f7;;
|
--background: #ffffff;;;;
|
||||||
--card: #ffffff;;
|
--card: #f9f9f9;;;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #120a00e6;;;;
|
||||||
--primary-cta: #0b07ff;;
|
--primary-cta: #FF7B05;;;;
|
||||||
--primary-cta-text: #f7f6f7;;
|
--primary-cta-text: #f7f6f7;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #f9f9f9;;;;
|
||||||
--secondary-cta-text: #0c1325;;
|
--secondary-cta-text: #0c1325;;
|
||||||
--accent: #93b7ff;;
|
--accent: #e2e2e2;;;;
|
||||||
--background-accent: #a8bae8;;
|
--background-accent: #FF7B05;;;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user