bender/1842b7c8-d7b4-488e-88dc-e8881490ace6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-18 10:54:26 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -49
2 changed files with 48 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Utensils, Star, Clock, MapPin, Phone } from 'lucide-react';
import { Coffee, Utensils, Star, MapPin } from 'lucide-react';
export default function LandingPage() {
return (
@@ -25,7 +25,7 @@ export default function LandingPage() {
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
@@ -38,21 +38,21 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
button={{
text: "Call Now", href: "tel:+13219728276"
text: "Call Now", href: "tel:+13219728276"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Casselberry’s Favorite Breakfast & Lunch Spot"
description="Serving fresh, homemade meals every morning with that classic, friendly small-town diner warmth you love."
tag="4.8⭐ Rated by locals"
title="A Warm Welcome to Johnny’s Diner"
description="Start your morning with a smile. We serve classic comfort food, hearty portions, and plenty of friendly conversation every day."
tag="Proudly Serving Casselberry"
tagIcon={Star}
background={{ variant: "plain" }}
buttons={[
{ text: "Call Now to Order", href: "tel:+13219728276" },
{ text: "View Menu", href: "#cuts" }
{ text: "View Menu", href: "#cuts" },
{ text: "Call to Order", href: "tel:+13219728276" }
]}
buttonAnimation="slide-up"
mediaItems={[
@@ -66,13 +66,13 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About Us"
tag="Our Story"
tagIcon={Utensils}
title="Your Home Away From Home"
description="Johnny’s Diner is a local favorite in Casselberry known for its welcoming atmosphere, friendly staff, and hearty American breakfasts. We take pride in serving meals made with love, just like they used to be."
title="Good Food, Good Friends"
description="At Johnny’s, we believe the best meals are shared. Whether it's our signature fluffy pancakes or a classic lunch special, we bring the warmth of a local gathering to every plate we serve."
metrics={[
{ value: "500+", title: "5-Star Reviews" },
{ value: "Daily", title: "Fresh Ingredients" }
{ value: "500+", title: "Happy Locals" },
{ value: "Always", title: "Freshly Made" }
]}
imageSrc="http://img.b2bpic.net/free-photo/two-happy-women-holding-ice-cream-amusement-park_23-2147911706.jpg"
imageAlt="Welcoming diner interior"
@@ -83,8 +83,8 @@ export default function LandingPage() {
<div id="cuts" data-section="cuts">
<ProductCardTwo
title="Menu Highlights"
description="Classic diner favorites prepared fresh daily to start your morning or brighten your lunch hour."
title="Diner Favorites"
description="Simple, delicious ingredients prepared the way you remember. From sunrise breakfast classics to mid-day cravings."
tag="Our Menu"
tagIcon={Coffee}
products={[
@@ -100,13 +100,13 @@ export default function LandingPage() {
<div id="experience" data-section="experience">
<FeatureCardNineteen
title="Why Choose Johnny’s?"
description="We focus on the little details that make a diner great."
tag="Our Promise"
title="The Johnny’s Difference"
description="It's not just about the food; it's the warm smiles, quick service, and family-friendly vibe that keep you coming back."
tag="Why Choose Us"
features={[
{ tag: "Ingredients", title: "Fresh Daily", subtitle: "Quality Sourcing", description: "Locally sourced ingredients for that farm-to-table taste.", imageSrc: "http://img.b2bpic.net/free-photo/sliced-cucumber-cutting-board-with-tomatoes-lettuce-lemon-top-view-dark-wooden-background_176474-3688.jpg" },
{ tag: "Service", title: "Friendly Crew", subtitle: "The Diner Vibe", description: "Our staff treats every guest like family from the moment they walk in.", imageSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497614.jpg" },
{ tag: "Speed", title: "Fast & Hot", subtitle: "Quick Turnaround", description: "Because we know your break time is precious, we serve it hot and fast.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-dish_23-2147680624.jpg" }
{ tag: "Ingredients", title: "Fresh Daily", subtitle: "Local Sourcing", description: "Quality ingredients mean better flavor in every single bite.", imageSrc: "http://img.b2bpic.net/free-photo/sliced-cucumber-cutting-board-with-tomatoes-lettuce-lemon-top-view-dark-wooden-background_176474-3688.jpg" },
{ tag: "Service", title: "Friendly Staff", subtitle: "Family Vibe", description: "We treat every neighbor like family, keeping the atmosphere relaxed and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497614.jpg" },
{ tag: "Speed", title: "Fast Service", subtitle: "Quick Turnaround", description: "We respect your time and serve your hot meals with efficiency and care.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-dish_23-2147680624.jpg" }
]}
textboxLayout="default"
/>
@@ -114,12 +114,12 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTwo
title="Our Amazing Team"
description="Meet the faces behind your morning coffee and hearty lunches."
tag="The Crew"
title="Meet the Crew"
description="The hardworking, friendly folks who keep Johnny’s running with joy and flavor."
tag="Our Team"
members={[
{ id: "1", name: "Johnny Miller", role: "Owner / Head Chef", description: "Johnny has been crafting breakfast favorites in Casselberry for over 15 years.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914243.jpg" },
{ id: "2", name: "Sarah D.", role: "Head Server", description: "With a smile that starts every day off right, Sarah is a local neighborhood icon.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg" }
{ id: "1", name: "Johnny Miller", role: "Owner / Head Chef", description: "With 15+ years of kitchen experience, Johnny is dedicated to quality breakfast comfort.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914243.jpg" },
{ id: "2", name: "Sarah D.", role: "Head Server", description: "Known for her warmth and great attitude, she makes every morning brighter for our regulars.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg" }
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -129,13 +129,12 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Locals Say"
description="Don't just take our word for it—see what our community has to say."
title="Community Favorites"
description="We're so proud to have served the Casselberry community for years."
tag="Reviews"
testimonials={[
{ id: "1", name: "Linda R.", handle: "@local", testimonial: "The best breakfast in Casselberry! Portions are huge and the coffee is always fresh.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
{ id: "2", name: "Tom B.", handle: "@customer", testimonial: "Love the retro vibe. The staff treats me like a regular every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
{ id: "3", name: "Karen P.", handle: "@regular", testimonial: "Fast service and a classic menu. Exactly what a diner should be.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-beer-mug_23-2148872458.jpg" }
{ id: "1", name: "Linda R.", handle: "@happy-customer", testimonial: "The best breakfast in town! Huge portions and the coffee is always hot and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
{ id: "2", name: "Tom B.", handle: "@regular", testimonial: "Classic diner feel, friendly faces, and delicious food. It’s my go-to spot every Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -144,12 +143,12 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked"
description="Quick answers to our most popular questions."
title="Got Questions?"
description="We're always here to help. Here are a few answers to common questions!"
faqs={[
{ id: "1", title: "Where are you located?", content: "500 FL-436 #1000, Casselberry, Florida, USA." },
{ id: "2", title: "What are your hours?", content: "Mon–Sat: 6AM–3PM, Sunday: 7AM–3PM." },
{ id: "3", title: "Do you take orders online?", content: "We prefer the personal touch! Please call us at (321) 972-8276 to order for pickup." }
{ id: "1", title: "Where can we find you?", content: "Find us at 500 FL-436 #1000, right in the heart of Casselberry, Florida." },
{ id: "2", title: "What are your hours?", content: "Open daily: Mon-Sat 6AM-3PM, Sun 7AM-3PM. Come see us!" },
{ id: "3", title: "Do you offer online ordering?", content: "We love personal connection! Please give us a call at (321) 972-8276 to order for pickup." }
]}
imageSrc="http://img.b2bpic.net/free-photo/pouring-hot-coffee-drink_53876-30609.jpg"
faqsAnimation="slide-up"
@@ -159,9 +158,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Stop By Johnny’s Diner"
description="We're located in the heart of Casselberry. Give us a call to place your order or just drop by!"
tag="Contact Us"
title="See You at Johnny's"
description="We'd love to serve you! Stop by for a classic meal or call us for any questions."
tagIcon={MapPin}
background={{ variant: "sparkles-gradient" }}
/>
@@ -170,14 +169,14 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
logoText="Johnny’s Diner"
copyrightText="© 2025 Johnny’s Diner. All rights reserved."
copyrightText="© 2025 Johnny’s Diner. Warmly served."
columns={[
{ title: "Menu", items: [{ label: "Breakfast", href: "#cuts" }, { label: "Lunch", href: "#cuts" }] },
{ title: "Visit", items: [{ label: "500 FL-436 #1000", href: "#" }, { label: "(321) 972-8276", href: "tel:+13219728276" }] },
{ title: "Visit", items: [{ label: "500 FL-436 #1000", href: "#" }, { label: "Call: (321) 972-8276", href: "tel:+13219728276" }] },
{ title: "Hours", items: [{ label: "Mon-Sat: 6am-3pm", href: "#" }, { label: "Sun: 7am-3pm", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #080000;
--card: #1e0d0d;
--foreground: #ffe6e6;
--primary-cta: #ff7a7a;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #080000;
--secondary-cta: #1e0909;
--secondary-cta: #efe7dd;
--secondary-cta-text: #ffe6e6;
--accent: #7b4242;
--background-accent: #65292c;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);