12 Commits

Author SHA1 Message Date
575ea3fb4f Update src/app/page.tsx 2026-03-03 10:23:07 +00:00
7a58db8a9d Update src/app/styles/variables.css 2026-03-03 10:20:01 +00:00
9cfd647b44 Update src/app/page.tsx 2026-03-03 10:20:01 +00:00
0e0cab4023 Update src/app/layout.tsx 2026-03-03 10:20:00 +00:00
d6c14791db Merge version_2 into main
Merge version_2 into main
2026-03-03 10:12:53 +00:00
4bae18349a Update src/app/styles/variables.css 2026-03-03 10:12:48 +00:00
b35955abae Update src/app/styles/base.css 2026-03-03 10:12:47 +00:00
0c2aa8eb77 Update src/app/page.tsx 2026-03-03 10:12:46 +00:00
15f2bc7e17 Update src/app/layout.tsx 2026-03-03 10:12:44 +00:00
70aaf2afa8 Merge version_1 into main
Merge version_1 into main
2026-03-03 01:47:02 +00:00
ea838225f8 Merge version_1 into main
Merge version_1 into main
2026-03-03 01:46:07 +00:00
d72bf09ff2 Merge version_1 into main
Merge version_1 into main
2026-03-03 01:44:52 +00:00
4 changed files with 126 additions and 106 deletions

View File

@@ -1,38 +1,36 @@
import type { Metadata } from "next";
import { Libre_Baskerville } from "next/font/google";
import { Inter } from "next/font/google";
import { Cormorant_Garamond, DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
const cormorantGaramond = Cormorant_Garamond({
variable: "--font-cormorant-garamond", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Crumb & Co. | Premium Artisan Bakery", description: "Handcrafted pastries and European-style breads made daily in our cozy urban bakery. Cold-fermented sourdough, butter croissants, and seasonal specials with locally-sourced ingredients.", keywords: "artisan bakery, croissants, sourdough, pastries, handcrafted bread, premium baked goods", metadataBase: new URL("https://crumbandco.com"),
alternates: {
canonical: "https://crumbandco.com"
},
canonical: "https://crumbandco.com"},
openGraph: {
title: "Crumb & Co. | Baked With Obsession", description: "Premium artisan bakery featuring cold-fermented sourdough and handcrafted European pastries.", type: "website", siteName: "Crumb & Co.", url: "https://crumbandco.com", images: [
{
url: "http://img.b2bpic.net/free-photo/air-croissant-with-strawberry-syrup-top-glass-milk_140725-9770.jpg", alt: "Golden butter croissant"
}
]
url: "http://img.b2bpic.net/free-photo/air-croissant-with-strawberry-syrup-top-glass-milk_140725-9770.jpg", alt: "Golden butter croissant"},
],
},
twitter: {
card: "summary_large_image", title: "Crumb & Co. | Baked With Obsession", description: "Premium artisan bakery in your neighborhood.", images: ["http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg"]
card: "summary_large_image", title: "Crumb & Co. | Baked With Obsession", description: "Premium artisan bakery in your neighborhood.", images: [
"http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg"],
},
robots: {
index: true,
follow: true
}
follow: true,
},
};
export default function RootLayout({
@@ -44,7 +42,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
className={`${cormorantGaramond.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -10,21 +10,35 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Award, BookOpen, Facebook, Globe, Heart, Instagram, Layers, Leaf, Mail, Sparkles, Timer, Twitter, Zap } from "lucide-react";
import {
Award,
BookOpen,
Facebook,
Globe,
Heart,
Instagram,
Layers,
Leaf,
Mail,
Sparkles,
Timer,
Twitter,
Zap,
} from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="large"
background="aurora"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
@@ -33,7 +47,7 @@ export default function LandingPage() {
{ name: "Menu", id: "signature-menu" },
{ name: "Our Story", id: "our-story" },
{ name: "Process", id: "process-craft" },
{ name: "Contact", id: "contact-cta" }
{ name: "Contact", id: "contact-cta" },
]}
button={{ text: "Order Now", href: "#contact-cta" }}
animateOnLoad={true}
@@ -49,36 +63,36 @@ export default function LandingPage() {
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/air-croissant-with-strawberry-syrup-top-glass-milk_140725-9770.jpg", imageAlt: "Layered croissant with butter lamination"
},
imageSrc:
"http://img.b2bpic.net/free-photo/air-croissant-with-strawberry-syrup-top-glass-milk_140725-9770.jpg", imageAlt: "Layered croissant with butter lamination"},
{
imageSrc: "http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=1", imageAlt: "Artisan sourdough loaf"
},
imageSrc:
"http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=1", imageAlt: "Artisan sourdough loaf"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-slice-pizza-with-vegetables_23-2148753757.jpg?_wi=1", imageAlt: "Herb-infused focaccia"
},
imageSrc:
"http://img.b2bpic.net/free-photo/delicious-slice-pizza-with-vegetables_23-2148753757.jpg?_wi=1", imageAlt: "Herb-infused focaccia"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-fruit-pies-with-plums_23-2148834016.jpg?_wi=1", imageAlt: "Seasonal fruit tart"
}
imageSrc:
"http://img.b2bpic.net/free-photo/flat-lay-delicious-fruit-pies-with-plums_23-2148834016.jpg?_wi=1", imageAlt: "Seasonal fruit tart"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg?_wi=1", imageAlt: "Handcrafting in progress"
},
imageSrc:
"http://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg?_wi=1", imageAlt: "Handcrafting in progress"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-kneading-dough-pastry_53876-13989.jpg?_wi=1", imageAlt: "Mixing premium dough"
},
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-hands-kneading-dough-pastry_53876-13989.jpg?_wi=1", imageAlt: "Mixing premium dough"},
{
imageSrc: "http://img.b2bpic.net/free-photo/active-rye-wheat-sourdough-starter-glass-jar-ingredient-flour-freshly-baked-whole-grain-bread-laid-out-table_166373-2177.jpg", imageAlt: "Natural fermentation"
},
imageSrc:
"http://img.b2bpic.net/free-photo/active-rye-wheat-sourdough-starter-glass-jar-ingredient-flour-freshly-baked-whole-grain-bread-laid-out-table_166373-2177.jpg", imageAlt: "Natural fermentation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-eclairs-pie-slices_114579-20806.jpg", imageAlt: "Artful plating and presentation"
}
imageSrc:
"http://img.b2bpic.net/free-photo/rollcake-with-eclairs-pie-slices_114579-20806.jpg", imageAlt: "Artful plating and presentation"},
]}
carouselPosition="right"
buttons={[
{ text: "Explore Menu", href: "#signature-menu" },
{ text: "Reserve a Tasting", href: "#contact-cta" }
{ text: "Reserve a Tasting", href: "#contact-cta" },
]}
buttonAnimation="blur-reveal"
tagAnimation="slide-up"
@@ -96,17 +110,17 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "butter-croissant", name: "Beurre de Normandie Croissant", price: "$6.50", variant: "Classic Laminated", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-flat-lay-with-croissant-raspberry-jam-food-photography_53876-108045.jpg", imageAlt: "Golden butter croissant"
},
id: "butter-croissant", name: "Beurre de Normandie Croissant", price: "$6.50", variant: "Classic Laminated", imageSrc:
"http://img.b2bpic.net/free-photo/breakfast-set-flat-lay-with-croissant-raspberry-jam-food-photography_53876-108045.jpg", imageAlt: "Golden butter croissant"},
{
id: "sourdough-loaf", name: "48-Hour Cold Ferment Sourdough", price: "$8.00", variant: "Whole Loaf", imageSrc: "http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=2", imageAlt: "Artisan sourdough loaf"
},
id: "sourdough-loaf", name: "48-Hour Cold Ferment Sourdough", price: "$8.00", variant: "Whole Loaf", imageSrc:
"http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg?_wi=2", imageAlt: "Artisan sourdough loaf"},
{
id: "focaccia", name: "Rosemary & Fleur de Sel Focaccia", price: "$7.50", variant: "Half Sheet", imageSrc: "http://img.b2bpic.net/free-photo/delicious-slice-pizza-with-vegetables_23-2148753757.jpg?_wi=2", imageAlt: "Herb-infused focaccia"
},
id: "focaccia", name: "Rosemary & Fleur de Sel Focaccia", price: "$7.50", variant: "Half Sheet", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-slice-pizza-with-vegetables_23-2148753757.jpg?_wi=2", imageAlt: "Herb-infused focaccia"},
{
id: "tart", name: "Seasonal Stone Fruit Tart", price: "$9.00", variant: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-fruit-pies-with-plums_23-2148834016.jpg?_wi=2", imageAlt: "Artfully arranged fruit tart"
}
id: "tart", name: "Seasonal Stone Fruit Tart", price: "$9.00", variant: "Individual", imageSrc:
"http://img.b2bpic.net/free-photo/flat-lay-delicious-fruit-pies-with-plums_23-2148834016.jpg?_wi=2", imageAlt: "Artfully arranged fruit tart"},
]}
gridVariant="two-columns-alternating-heights"
buttons={[{ text: "Full Menu", href: "#" }]}
@@ -127,17 +141,21 @@ export default function LandingPage() {
mediaAnimation="blur-reveal"
bulletPoints={[
{
title: "European Heritage", description: "Techniques honed across Lyon, Copenhagen, and San Francisco. Every croissant folds a century of expertise.", icon: Globe
title: "European Heritage", description:
"Techniques honed across Lyon, Copenhagen, and San Francisco. Every croissant folds a century of expertise.", icon: Globe,
},
{
title: "Local Sourcing", description: "We partner with regional farms and mills, honoring both quality and community. Flour changes seasonally.", icon: Leaf
title: "Local Sourcing", description:
"We partner with regional farms and mills, honoring both quality and community. Flour changes seasonally.", icon: Leaf,
},
{
title: "Small Batch Perfection", description: "Limited daily quantities ensure freshness. We never compromise flavor for volume.", icon: Zap
title: "Small Batch Perfection", description:
"Limited daily quantities ensure freshness. We never compromise flavor for volume.", icon: Zap,
},
{
title: "No Shortcuts", description: "Cold fermentation, hand-lamination, and natural starters define our process. Patience is an ingredient.", icon: Timer
}
title: "No Shortcuts", description:
"Cold fermentation, hand-lamination, and natural starters define our process. Patience is an ingredient.", icon: Timer,
},
]}
buttons={[{ text: "Visit Us", href: "#" }]}
/>
@@ -156,17 +174,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
accordionItems={[
{
id: "mixing", title: "Mixing & Development", content: "Premium flours from heritage mills are hydrated and mixed using time-honored techniques. The dough develops strength through patience, never rushing the gluten structure that gives our breads their distinctive crumb."
},
id: "mixing", title: "Mixing & Development", content:
"Premium flours from heritage mills are hydrated and mixed using time-honored techniques. The dough develops strength through patience, never rushing the gluten structure that gives our breads their distinctive crumb."},
{
id: "proofing", title: "Cold Fermentation (48 Hours)", content: "Temperature control is paramount. Our sourdoughs spend 48 hours in climate-controlled chambers at precise temperatures, allowing flavor to deepen and complexity to emerge through natural fermentation."
},
id: "proofing", title: "Cold Fermentation (48 Hours)", content:
"Temperature control is paramount. Our sourdoughs spend 48 hours in climate-controlled chambers at precise temperatures, allowing flavor to deepen and complexity to emerge through natural fermentation."},
{
id: "baking", title: "Oven Spring & Crust", content: "Stone-bottom ovens reach 500°F. Steam injection creates the signature crackle and caramelization. Bakers read color and sound—each loaf is unique, requiring intuition and experience."
},
id: "baking", title: "Oven Spring & Crust", content:
"Stone-bottom ovens reach 500°F. Steam injection creates the signature crackle and caramelization. Bakers read color and sound—each loaf is unique, requiring intuition and experience."},
{
id: "finishing", title: "Cooling & Rest", content: "Fresh bread continues to develop as it cools. We package only when temperature drops to preserve moisture and flavor. Same-day delivery to local restaurants and retail partners."
}
id: "finishing", title: "Cooling & Rest", content:
"Fresh bread continues to develop as it cools. We package only when temperature drops to preserve moisture and flavor. Same-day delivery to local restaurants and retail partners."},
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
@@ -176,23 +194,23 @@ export default function LandingPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sarah Chen"
},
id: "1", name: "Sarah Chen", imageSrc:
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sarah Chen"},
{
id: "2", name: "Michael Torres", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Torres"
},
id: "2", name: "Michael Torres", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Torres"},
{
id: "3", name: "Elena Russo", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Elena Russo"
},
id: "3", name: "Elena Russo", imageSrc:
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Elena Russo"},
{
id: "4", name: "James Liu", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James Liu"
},
id: "4", name: "James Liu", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James Liu"},
{
id: "5", name: "Grace Williams", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", imageAlt: "Grace Williams"
},
id: "5", name: "Grace Williams", imageSrc:
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", imageAlt: "Grace Williams"},
{
id: "6", name: "David Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Ahmed"
}
id: "6", name: "David Ahmed", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Ahmed"},
]}
cardTitle="Trusted by thousands of neighborhood coffee lovers, chefs, and bread obsessives who believe excellence matters."
cardTag="What They Say"
@@ -212,17 +230,15 @@ export default function LandingPage() {
animationType="slide-up"
plans={[
{
id: "weekday", title: "Weekday Schedule", price: "MonFri", period: "6am 8pm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-kneading-dough-pastry_53876-13989.jpg?_wi=3", imageAlt: "Morning baking", features: [
"Full pastry selection", "Fresh sourdough (limited daily)", "Seasonal specials", "Coffee & beverages"
],
button: { text: "Get Directions", href: "#" }
id: "weekday", title: "Weekday Schedule", price: "MonFri", period: "6am 8pm", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-hands-kneading-dough-pastry_53876-13989.jpg?_wi=3", imageAlt: "Morning baking", features: [
"Full pastry selection", "Fresh sourdough (limited daily)", "Seasonal specials", "Coffee & beverages"], button: { text: "Get Directions", href: "#" },
},
{
id: "weekend", title: "Weekend Brunch", price: "SatSun", period: "7am 7pm", imageSrc: "http://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg?_wi=3", imageAlt: "Weekend gathering", features: [
"Extended pastry menu", "Brunch specials", "Family-friendly seating", "Reserve a table ahead"
],
button: { text: "Reserve Now", href: "#contact-cta" }
}
id: "weekend", title: "Weekend Brunch", price: "SatSun", period: "7am 7pm", imageSrc:
"http://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg?_wi=3", imageAlt: "Weekend gathering", features: [
"Extended pastry menu", "Brunch specials", "Family-friendly seating", "Reserve a table ahead"], button: { text: "Reserve Now", href: "#contact-cta" },
},
]}
/>
</div>
@@ -236,7 +252,7 @@ export default function LandingPage() {
description="For private events, wholesale inquiries, or baking consultations, we'd love to hear from you. Drop by the shop or send us a message."
buttons={[
{ text: "Contact Us", href: "mailto:hello@crumbandco.com" },
{ text: "Call: (555) 123-BAKE", href: "tel:+15551235253" }
{ text: "Call: (555) 123-BAKE", href: "tel:+15551235253" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -248,9 +264,15 @@ export default function LandingPage() {
logoText="Crumb & Co."
copyrightText="© 2025 Crumb & Co. | Baked with Obsession"
socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" }
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"},
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Follow us on Facebook"},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"},
]}
/>
</div>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-libre-baskerville), serif;
font-family: var(--font-cormorant-garamond), serif;
}

View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #F5ECD7;;
--card: #FBF7F0;;
--foreground: #2C1A0E;;
--primary-cta: #C4714F;;
--secondary-cta: #F5ECD7;;
--accent: #8A9E7B;;
--background-accent: #2C1A0E;; */
/* --background: #f6f0e9;;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #8b4513;;
--secondary-cta: #efe7dd;;
--accent: #a0826d;;
--background-accent: #d4a574;; */
--background: #F5ECD7;;
--card: #FBF7F0;;
--foreground: #2C1A0E;;
--primary-cta: #C4714F;;
--background: #f6f0e9;;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #8b4513;;
--primary-cta-text: #F5ECD7;;
--secondary-cta: #F5ECD7;;
--secondary-cta: #efe7dd;;
--secondary-cta-text: #2C1A0E;;
--accent: #8A9E7B;;
--background-accent: #2C1A0E;;
--accent: #a0826d;;
--background-accent: #d4a574;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);