Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| feb5c77a04 | |||
| 3dc98c9a87 | |||
| 2a3b0f8385 | |||
| 44602861ea | |||
| 9e470c35e0 | |||
| 9cff308f4d | |||
| eacff3c459 |
113
src/app/page.tsx
113
src/app/page.tsx
@@ -11,79 +11,62 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Utensils } from "lucide-react";
|
||||
import { Utensils, Clock } from "lucide-react";
|
||||
|
||||
export default function DailyDinerPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="The Daily Diner"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
{ name: "Community", id: "testimonials" }
|
||||
]}
|
||||
brandName="Chubby Chick"
|
||||
navItems={[]}
|
||||
button={{
|
||||
text: "Order Online", href: "#"
|
||||
text: "Order Now", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Local Comfort, Served Fresh Daily"
|
||||
description="From farm-fresh eggs to house-baked bread, we've been your neighborhood kitchen since 1992. Simple ingredients, made right."
|
||||
title="Welcome to Chubby Chick"
|
||||
description="Your favorite local diner serving up comfort, warmth, and delicious home-cooked meals every single day."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Neighborhood Classic"
|
||||
tag="Diner Classics"
|
||||
tagIcon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg"
|
||||
imageAlt="Classic cozy diner booth with morning light"
|
||||
buttons={[
|
||||
{ text: "See Our Menu", href: "#menu" },
|
||||
{ text: "Find Us", href: "#contact" }
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Our Hours", href: "#about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="We believe that food tastes better when it's made by someone you know. Our diner is the beating heart of the community, where every guest is family and every meal feels like home."
|
||||
tag="Opening Hours"
|
||||
tagIcon={Clock}
|
||||
title="When to Visit Us"
|
||||
buttons={[{ text: "Mon-Sat: 11:00 AM - 8:00 PM | Sun: Closed" }]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn Our History", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Community Favorites"
|
||||
description="The dishes that our neighbors have loved for generations."
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Sunrise Skillet", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/pan-eggs-sprinkled-with-chinese-sausage-diced-bacon-breakfast_1150-26543.jpg", imageAlt: "Hearty breakfast skillet"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Classic Patty Melt", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-sandwich-with-black-bread-decorated-with-olive-plate-stained-white-surface_179666-42521.jpg", imageAlt: "Classic diner patty melt"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Homemade Apple Pie", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-slice-crispy-rhabarbar-cake-tart-some-ingredients-white-plate_181624-32941.jpg", imageAlt: "Slice of apple pie"
|
||||
}
|
||||
]}
|
||||
title="Diner Favorites"
|
||||
description="Hearty portions, fresh ingredients, and big smiles."
|
||||
products={[]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -93,15 +76,11 @@ export default function DailyDinerPage() {
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardFourteen
|
||||
title="A Local Legacy"
|
||||
tag="Since 1992"
|
||||
title="Freshly Prepared"
|
||||
tag="Made with Love"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "30+", description: "Years spent serving our wonderful neighborhood"
|
||||
},
|
||||
{
|
||||
id: "2", value: "1M+", description: "Pancakes flipped with love for our regulars"
|
||||
}
|
||||
{ id: "1", value: "100%", description: "Freshly sourced ingredients daily" },
|
||||
{ id: "2", value: "Unlimited", description: "Coffee refills and friendly service" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -110,16 +89,9 @@ export default function DailyDinerPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Voices of the Neighborhood"
|
||||
description="Hear why we've been the local favorite for decades."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Better than Mom's!", quote: "I come here every Sunday morning. The staff knows my name and my coffee order. It feels like coming home.", name: "Sarah Jennings", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", title: "An Absolute Classic", quote: "You won't find a better patty melt in the city. Fast, friendly, and always consistent.", name: "Mike Thompson", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg"
|
||||
}
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our neighbors are saying."
|
||||
testimonials={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -127,44 +99,33 @@ export default function DailyDinerPage() {
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Us"
|
||||
description="Quality that matters to the local community."
|
||||
title="The Difference"
|
||||
description="Why Chubby Chick is the neighborhood favorite."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Frozen, processed food", "Corporate-style service", "High prices for low value"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Freshly prepared every morning", "Heartfelt community service", "Fair prices for generous portions"
|
||||
]
|
||||
}}
|
||||
negativeCard={{ items: ["Pre-made frozen sides", "Generic chain atmosphere"] }}
|
||||
positiveCard={{ items: ["Hand-crafted local comfort", "Warm, family-style service"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Swing by for a bite or drop us a line. We are open daily from 6 AM to 9 PM!"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Call Us", href: "tel:+15550123" },
|
||||
{ text: "Find Us on Maps", href: "#" }
|
||||
]}
|
||||
text="Ready for a bite? Visit us today!"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="The Daily Diner"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Careers", href: "#" }}
|
||||
logoText="Chubby Chick"
|
||||
leftLink={{ text: "Contact", href: "#contact" }}
|
||||
rightLink={{ text: "Menu", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--background: #fdf2f8;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta: #db2777;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #0d9488;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--accent: #2dd4bf;
|
||||
--background-accent: #fbcfe8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user