bender/6d9c8340-e9b5-4b9f-b635-001c5fca1a51
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 11:20:05 +00:00
parent c865208215
commit 11ce9966af
1 changed files with 102 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/app/page.tsx
View File

@@ -10,8 +10,34 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Award, Heart, Star, MapPin, ArrowRight } from "lucide-react";
import Link from "next/link";
import { useState } from "react";
export default function HomePage() {
const [activeTab, setActiveTab] = useState("breads");
const menuData = {
breads: [
{ name: "Country Sourdough", desc: "20-hour fermented golden crust" },
{ name: "Sesame Baguette", desc: "Crispy with sesame seeds" },
{ name: "Garlic Sourdough", desc: "Roasted garlic & herbs" },
],
sandwiches: [
{ name: "Pig & Fig", desc: "Savory pork & sweet figs" },
{ name: "Avocado Toast", desc: "Creamy avocado on sourdough" },
{ name: "Jambon Beurre", desc: "French ham & butter" },
],
pastries: [
{ name: "Butter Scones", desc: "Flaky & buttery" },
{ name: "Croissants", desc: "European-style layered" },
{ name: "Seasonal Tarts", desc: "Rotating selection" },
],
coffee: [
{ name: "Cortado", desc: "Espresso & steamed milk" },
{ name: "Mexican Mocha", desc: "Chocolate, espresso & cinnamon" },
{ name: "Biscoff Latte", desc: "Caramel spice warmth" },
],
};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -49,9 +75,11 @@ export default function HomePage() {
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=1", imageAlt: "Golden sourdough crust and artisan bread baking"},
imageSrc:
"http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=1", imageAlt: "Golden sourdough crust and artisan bread baking"},
{
imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=1", imageAlt: "Specialty coffee with care and precision"},
imageSrc:
"http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=1", imageAlt: "Specialty coffee with care and precision"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -73,13 +101,19 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Slow Fermented Sourdough", description: "Fermented for over 20 hours to create rich flavor, perfect texture, and exceptional digestibility.", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-tomato-white-tablecloth-with-bread-slices-eggs-garlic-gloves-around_114579-2649.jpg", imageAlt: "20-hour slow fermented sourdough process", buttonIcon: ArrowRight,
title: "Slow Fermented Sourdough", description:
"Fermented for over 20 hours to create rich flavor, perfect texture, and exceptional digestibility.", imageSrc:
"http://img.b2bpic.net/free-photo/man-putting-tomato-white-tablecloth-with-bread-slices-eggs-garlic-gloves-around_114579-2649.jpg", imageAlt: "20-hour slow fermented sourdough process", buttonIcon: ArrowRight,
buttonHref: "#menu"},
{
title: "Craft Coffee", description: "Every cup brewed with precision using high-quality beans roasted with intention and care.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354568.jpg", imageAlt: "Specialty coffee preparation and pour-over brewing", buttonIcon: ArrowRight,
title: "Craft Coffee", description:
"Every cup brewed with precision using high-quality beans roasted with intention and care.", imageSrc:
"http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354568.jpg", imageAlt: "Specialty coffee preparation and pour-over brewing", buttonIcon: ArrowRight,
buttonHref: "#menu"},
{
title: "Handcrafted Daily", description: "Each loaf and pastry made fresh every morning by skilled artisans dedicated to the craft.", imageSrc: "http://img.b2bpic.net/free-photo/donuts-bagels-crackers-bakery-products-belarusian-food-products_132075-13054.jpg?_wi=1", imageAlt: "Daily handcrafted breads and pastries", buttonIcon: ArrowRight,
title: "Handcrafted Daily", description:
"Each loaf and pastry made fresh every morning by skilled artisans dedicated to the craft.", imageSrc:
"http://img.b2bpic.net/free-photo/donuts-bagels-crackers-bakery-products-belarusian-food-products_132075-13054.jpg?_wi=1", imageAlt: "Daily handcrafted breads and pastries", buttonIcon: ArrowRight,
buttonHref: "#menu"},
]}
textboxLayout="default"
@@ -88,6 +122,50 @@ export default function HomePage() {
/>
</div>
<div id="menu" data-section="menu" className="mx-auto px-4 md:px-6 py-12 md:py-20 max-w-6xl">
<div className="space-y-8">
<div className="text-center space-y-3">
<h2 className="text-4xl md:text-5xl font-extrabold text-foreground">Our Menu</h2>
<p className="text-foreground/70 text-lg">Explore our carefully curated offerings</p>
</div>
<div className="flex flex-wrap gap-4 justify-center">
{[
{ id: "breads", label: "Breads" },
{ id: "sandwiches", label: "Sandwiches" },
{ id: "pastries", label: "Pastries" },
{ id: "coffee", label: "Coffee" },
].map((tab) => (
<button
key={tab.id}
onClick={() => setActiveTab(tab.id)}
className={`px-6 py-3 rounded-lg font-semibold transition-all duration-300 ${
activeTab === tab.id
? "bg-primary-cta text-primary-cta-text shadow-lg"
: "bg-card text-foreground border border-accent/30 hover:border-accent/60"
}`}
>
{tab.label}
</button>
))}
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
{menuData[activeTab as keyof typeof menuData].map((item, idx) => (
<div
key={idx}
className="p-6 rounded-lg bg-card border border-accent/20 hover:border-accent/50 transition-all hover:shadow-md"
>
<h3 className="text-lg font-bold text-foreground mb-2">
{item.name}
</h3>
<p className="text-foreground/70 text-sm">{item.desc}</p>
</div>
))}
</div>
</div>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Signature Products"
@@ -98,15 +176,18 @@ export default function HomePage() {
products={[
{
id: "1", brand: "Leavity", name: "Country Sourdough", price: "Made Fresh Daily", rating: 5,
reviewCount: "127+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bread-black-background_23-2148288109.jpg?_wi=1", imageAlt: "Golden country sourdough loaf", isFavorited: false,
reviewCount: "127+", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-view-bread-black-background_23-2148288109.jpg?_wi=1", imageAlt: "Golden country sourdough loaf", isFavorited: false,
},
{
id: "2", brand: "Leavity", name: "Pig & Fig Sandwich", price: "Made Fresh Daily", rating: 5,
reviewCount: "98+", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-freshly-baked-hot-dogs-fig-slices-almonds-kitchen-counter_23-2147956752.jpg?_wi=1", imageAlt: "Artisanal pork and fig sandwich on focaccia", isFavorited: false,
reviewCount: "98+", imageSrc:
"http://img.b2bpic.net/free-photo/overhead-view-freshly-baked-hot-dogs-fig-slices-almonds-kitchen-counter_23-2147956752.jpg?_wi=1", imageAlt: "Artisanal pork and fig sandwich on focaccia", isFavorited: false,
},
{
id: "3", brand: "Leavity", name: "Biscoff Cookie Latte", price: "Made Fresh Daily", rating: 5,
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=2", imageAlt: "Warm biscoff cookie latte with caramel spice", isFavorited: false,
reviewCount: "156+", imageSrc:
"http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=2", imageAlt: "Warm biscoff cookie latte with caramel spice", isFavorited: false,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -127,22 +208,28 @@ export default function HomePage() {
testimonials={[
{
id: "1", name: "Sarah Mitchell", role: "Local Regular", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", imageAlt: "Sarah Mitchell"},
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", imageAlt: "Sarah Mitchell"},
{
id: "2", name: "James Rodriguez", role: "Food Enthusiast", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-loking-camera-confused-with-raised-hands-standing-pink-background_141793-54101.jpg", imageAlt: "James Rodriguez"},
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-loking-camera-confused-with-raised-hands-standing-pink-background_141793-54101.jpg", imageAlt: "James Rodriguez"},
{
id: "3", name: "Emma Thompson", role: "Wellness Coach", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Emma Thompson"},
imageSrc:
"http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Emma Thompson"},
{
id: "4", name: "Michael Chen", role: "Coffee Connoisseur", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg", imageAlt: "Michael Chen"},
imageSrc:
"http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg", imageAlt: "Michael Chen"},
{
id: "5", name: "Jessica Parker", role: "Bread Lover", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-pointing-copy-space_329181-1212.jpg", imageAlt: "Jessica Parker"},
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-businesswoman-pointing-copy-space_329181-1212.jpg", imageAlt: "Jessica Parker"},
{
id: "6", name: "David Wilson", role: "Community Member", company: "Salt Lake City", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-serious-looking-handsome-man-with-beard-looking-confident-determined_1258-26730.jpg", imageAlt: "David Wilson"},
imageSrc:
"http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-serious-looking-handsome-man-with-beard-looking-confident-determined_1258-26730.jpg", imageAlt: "David Wilson"},
]}
kpiItems={[
{ value: "20+", label: "Years of Baking Excellence" },
@@ -206,4 +293,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}