Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f62a9472d6 | |||
| 982672301f | |||
| f5556592af | |||
| 487973b161 | |||
| 4c26cfa1c1 | |||
| e0ff4d943c |
@@ -1,14 +1,9 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Mulish } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } 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";
|
||||||
|
|
||||||
const mulish = Mulish({
|
|
||||||
variable: "--font-mulish", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
variable: "--font-inter", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
@@ -26,7 +21,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${mulish.variable} ${inter.variable} antialiased`}
|
className={`${inter.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
"use client"
|
"use client"
|
||||||
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 HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
@@ -43,22 +43,17 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero-section" data-section="hero-section">
|
<div id="hero-section" data-section="hero-section">
|
||||||
<HeroOverlay
|
<HeroLogo
|
||||||
title="Artisan Baked Goods Delivered to Your Doorstep"
|
logoText="Warm & Crumb"
|
||||||
description="Experience the warmth of freshly baked breads, pastries, and desserts made with love using time-honored techniques and the finest ingredients."
|
description="Artisan Baked Goods Delivered to Your Doorstep"
|
||||||
tag="Fresh Daily"
|
|
||||||
tagIcon={Sparkles}
|
|
||||||
tagAnimation="slide-up"
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "View Our Menu", href: "#products-section" },
|
{ text: "View Our Menu", href: "products-section" },
|
||||||
{ text: "Visit Us", href: "#contact-section" }
|
{ text: "Visit Us", href: "contact-section" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
|
||||||
imageAlt="Warm and inviting bakery interior with fresh pastries on display"
|
imageAlt="Warm and inviting bakery interior with fresh pastries on display"
|
||||||
textPosition="bottom-left"
|
|
||||||
showDimOverlay={true}
|
showDimOverlay={true}
|
||||||
showBlur={true}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -70,8 +65,8 @@ export default function LandingPage() {
|
|||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Explore Our Products", href: "#products-section" },
|
{ text: "Explore Our Products", href: "products-section" },
|
||||||
{ text: "Visit Our Bakery", href: "#contact-section" }
|
{ text: "Visit Our Bakery", href: "contact-section" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
|
||||||
@@ -181,7 +176,7 @@ export default function LandingPage() {
|
|||||||
tagIcon={HelpCircle}
|
tagIcon={HelpCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Contact Us", href: "#contact-section" }
|
{ text: "Contact Us", href: "contact-section" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -216,16 +211,16 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore", items: [
|
title: "Explore", items: [
|
||||||
{ label: "Home", href: "#hero-section" },
|
{ label: "Home", href: "hero-section" },
|
||||||
{ label: "Our Story", href: "#about-section" },
|
{ label: "Our Story", href: "about-section" },
|
||||||
{ label: "Menu", href: "#products-section" },
|
{ label: "Menu", href: "products-section" },
|
||||||
{ label: "Testimonials", href: "#testimonials-section" }
|
{ label: "Testimonials", href: "testimonials-section" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support", items: [
|
title: "Support", items: [
|
||||||
{ label: "FAQ", href: "#faq-section" },
|
{ label: "FAQ", href: "faq-section" },
|
||||||
{ label: "Contact Us", href: "#contact-section" },
|
{ label: "Contact Us", href: "contact-section" },
|
||||||
{ label: "Delivery Info", href: "#" },
|
{ label: "Delivery Info", href: "#" },
|
||||||
{ label: "Returns Policy", href: "#" }
|
{ label: "Returns Policy", href: "#" }
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-mulish), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,22 +3,22 @@
|
|||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
/* --background: #f7f6f7;;
|
/* --background: #f7f6f7;;
|
||||||
--card: #ffffff;;
|
--card: #1a1a1a;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #ffff00;;
|
||||||
--primary-cta: #0b07ff;;
|
--primary-cta: #ffcc00;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffff00;;
|
||||||
--accent: #93b7ff;;
|
--accent: #ff9900;;
|
||||||
--background-accent: #a8bae8;; */
|
--background-accent: #333300;; */
|
||||||
|
|
||||||
--background: #f7f6f7;;
|
--background: #000000;;
|
||||||
--card: #ffffff;;
|
--card: #1a1a1a;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #ffff00;;
|
||||||
--primary-cta: #0b07ff;;
|
--primary-cta: #ffcc00;;
|
||||||
--primary-cta-text: #f7f6f7;;
|
--primary-cta-text: #f7f6f7;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffff00;;
|
||||||
--secondary-cta-text: #0c1325;;
|
--secondary-cta-text: #0c1325;;
|
||||||
--accent: #93b7ff;;
|
--accent: #ff9900;;
|
||||||
--background-accent: #a8bae8;;
|
--background-accent: #333300;;
|
||||||
|
|
||||||
/* 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