Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Pastries",
|
||||
id: "#pastries",
|
||||
},
|
||||
name: "Pastries", id: "pastries"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#story",
|
||||
},
|
||||
name: "Our Story", id: "story"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Visit", id: "contact"},
|
||||
]}
|
||||
brandName="Tartine"
|
||||
/>
|
||||
@@ -54,82 +46,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="The Morning Starts Here."
|
||||
description="Handcrafted pastries, legendary bread, and the warm rhythm of San Francisco mornings."
|
||||
kpis={[
|
||||
{
|
||||
value: "1994",
|
||||
label: "Est. Craft",
|
||||
},
|
||||
value: "1994", label: "Est. Craft"},
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Local Fave",
|
||||
},
|
||||
value: "4.8★", label: "Local Fave"},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Fresh Batch",
|
||||
},
|
||||
value: "Daily", label: "Fresh Batch"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Today’s Pastries",
|
||||
href: "#pastries",
|
||||
},
|
||||
text: "View Today’s Pastries", href: "#pastries"},
|
||||
{
|
||||
text: "Visit the Bakery",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit the Bakery", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-bread-basket_23-2148288050.jpg"
|
||||
imageAlt="bakery morning sunlight rays"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-fresh-bread-table_23-2150857768.jpg",
|
||||
alt: "Local regular customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-fresh-bread-table_23-2150857768.jpg", alt: "Local regular customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-rusty-crusty-home-made-bread_181624-44916.jpg",
|
||||
alt: "Bakery enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-rusty-crusty-home-made-bread_181624-44916.jpg", alt: "Bakery enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/loaf-bread-bakery_23-2148209816.jpg",
|
||||
alt: "Daily visitor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/loaf-bread-bakery_23-2148209816.jpg", alt: "Daily visitor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-48926.jpg",
|
||||
alt: "Morning patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-48926.jpg", alt: "Morning patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-brown-organic-background_23-2148823580.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-brown-organic-background_23-2148823580.jpg", alt: "Happy guest"},
|
||||
]}
|
||||
avatarText="Join our community of morning regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sourdough Daily",
|
||||
},
|
||||
type: "text", text: "Sourdough Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Croissants",
|
||||
},
|
||||
type: "text", text: "Fresh Croissants"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Coffee",
|
||||
},
|
||||
type: "text", text: "Artisan Coffee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Flour",
|
||||
},
|
||||
type: "text", text: "Organic Flour"},
|
||||
{
|
||||
type: "text",
|
||||
text: "San Francisco",
|
||||
},
|
||||
type: "text", text: "San Francisco"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,45 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Bread",
|
||||
quote: "The smell of freshly baked bread was irresistible.",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible Bread", quote: "The smell of freshly baked bread was irresistible.", name: "Sarah J.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Morning Ritual",
|
||||
quote: "The morning bun is an absolute standout.",
|
||||
name: "Michael C.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104758.jpg",
|
||||
},
|
||||
id: "t2", title: "Morning Ritual", quote: "The morning bun is an absolute standout.", name: "Michael C.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104758.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "USA Best",
|
||||
quote: "Best bakery in the USA.",
|
||||
name: "David K.",
|
||||
role: "Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-blanket-lady-sitting-terrace-brunette-drinks-coffee_1157-43454.jpg",
|
||||
},
|
||||
id: "t3", title: "USA Best", quote: "Best bakery in the USA.", name: "David K.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-blanket-lady-sitting-terrace-brunette-drinks-coffee_1157-43454.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Buttery Perfection",
|
||||
quote: "Light and buttery.",
|
||||
name: "Emily R.",
|
||||
role: "Tourist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-628.jpg",
|
||||
},
|
||||
id: "t4", title: "Buttery Perfection", quote: "Light and buttery.", name: "Emily R.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-628.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Iconic Institution",
|
||||
quote: "This is why people rave about it.",
|
||||
name: "Jessica L.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-627.jpg",
|
||||
},
|
||||
id: "t5", title: "Iconic Institution", quote: "This is why people rave about it.", name: "Jessica L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-627.jpg"},
|
||||
]}
|
||||
title="Why People Love Tartine"
|
||||
description="Hear what our regulars say about their morning ritual."
|
||||
@@ -207,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Morning Bun",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-platter-sweet-bun-marble-table_114579-56850.jpg",
|
||||
},
|
||||
id: "p1", name: "Morning Bun", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-platter-sweet-bun-marble-table_114579-56850.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Almond Croissant",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-nest-pastries-with-chocolate-eggs_23-2151975100.jpg",
|
||||
},
|
||||
id: "p2", name: "Almond Croissant", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-nest-pastries-with-chocolate-eggs_23-2151975100.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fig Danish",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plum-cake-close-up_661915-576.jpg",
|
||||
},
|
||||
id: "p3", name: "Fig Danish", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/plum-cake-close-up_661915-576.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Country Loaf",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-inside-plate-dark-space_140725-95370.jpg",
|
||||
},
|
||||
id: "p4", name: "Country Loaf", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-inside-plate-dark-space_140725-95370.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Tart",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pomegranate-pieces-bowl-plaid-cloth-green-surface_141793-16045.jpg",
|
||||
},
|
||||
id: "p5", name: "Seasonal Tart", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pomegranate-pieces-bowl-plaid-cloth-green-surface_141793-16045.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Scone",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-whole-sliced-black-figs-leaf-blue-pink-tablecloths-wooden-table_114579-29364.jpg",
|
||||
},
|
||||
id: "p6", name: "Scone", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/plate-whole-sliced-black-figs-leaf-blue-pink-tablecloths-wooden-table_114579-29364.jpg"},
|
||||
]}
|
||||
title="Signature Pastries"
|
||||
description="Hand-formed daily in our kitchens."
|
||||
@@ -250,24 +157,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="worth-the-wait" data-section="worth-the-wait">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Freshly Baked",
|
||||
description: "Made on-site every single morning.",
|
||||
},
|
||||
title: "Freshly Baked", description: "Made on-site every single morning."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Small-Batch",
|
||||
description: "Craftsmanship you can taste in every bite.",
|
||||
},
|
||||
title: "Small-Batch", description: "Craftsmanship you can taste in every bite."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Legendary",
|
||||
description: "A San Francisco ritual since 1994.",
|
||||
},
|
||||
title: "Legendary", description: "A San Francisco ritual since 1994."},
|
||||
]}
|
||||
title="People Line Up For A Reason."
|
||||
description="Every pastry is baked fresh daily in limited batches. When they're gone, they're gone."
|
||||
@@ -296,41 +198,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Pastries",
|
||||
price: "Daily Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-making-bread-dough-with-wheat-flour_23-2147872750.jpg",
|
||||
},
|
||||
id: "m1", name: "Pastries", price: "Daily Selection", imageSrc: "http://img.b2bpic.net/free-photo/baker-making-bread-dough-with-wheat-flour_23-2147872750.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Bread",
|
||||
price: "Rustic Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-dough-black-table_23-2148296903.jpg",
|
||||
},
|
||||
id: "m2", name: "Bread", price: "Rustic Selection", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-dough-black-table_23-2148296903.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Breakfast",
|
||||
price: "All Day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-cutting-bread-with-knife-kitchen-counter_23-2147926695.jpg",
|
||||
},
|
||||
id: "m3", name: "Breakfast", price: "All Day", imageSrc: "http://img.b2bpic.net/free-photo/baker-cutting-bread-with-knife-kitchen-counter_23-2147926695.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Coffee",
|
||||
price: "Roasted Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kneading-dough_23-2148491380.jpg",
|
||||
},
|
||||
id: "m4", name: "Coffee", price: "Roasted Daily", imageSrc: "http://img.b2bpic.net/free-photo/chef-kneading-dough_23-2148491380.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Specials",
|
||||
price: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-kneading-dough-bowl_23-2148613498.jpg",
|
||||
},
|
||||
id: "m5", name: "Specials", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/baker-kneading-dough-bowl_23-2148613498.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Drinks",
|
||||
price: "Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-flattening-dough_23-2148271028.jpg",
|
||||
},
|
||||
id: "m6", name: "Drinks", price: "Selection", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-flattening-dough_23-2148271028.jpg"},
|
||||
]}
|
||||
title="Daily Fresh Menu"
|
||||
description="The freshest offerings from our bakers."
|
||||
@@ -345,19 +223,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Slow Process",
|
||||
description: "Extended fermentation for deep flavor.",
|
||||
},
|
||||
title: "Slow Process", description: "Extended fermentation for deep flavor."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Handmade",
|
||||
description: "Formed and finished by master bakers.",
|
||||
},
|
||||
title: "Handmade", description: "Formed and finished by master bakers."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Quality",
|
||||
description: "Sourced from the best farms.",
|
||||
},
|
||||
title: "Quality", description: "Sourced from the best farms."},
|
||||
]}
|
||||
title="Extraordinary Baking Takes Time."
|
||||
description="Fermentation, patience, and the finest organic ingredients."
|
||||
@@ -368,20 +240,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit"
|
||||
title="Come Early. Stay Awhile."
|
||||
description="600 Guerrero St, San Francisco, CA. Open Daily from 8:00 AM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "View Wait Times",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Wait Times", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -390,42 +257,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery",
|
||||
items: [
|
||||
title: "Bakery", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Story",
|
||||
href: "#story",
|
||||
},
|
||||
label: "Story", href: "#story"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Location", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user