12 Commits

Author SHA1 Message Date
75007042fa Update src/app/page.tsx 2026-04-18 11:02:23 +00:00
ea003eb858 Update src/app/layout.tsx 2026-04-18 11:02:22 +00:00
06c88db90f Update src/app/page.tsx 2026-04-18 10:59:41 +00:00
bef97767e0 Update src/app/page.tsx 2026-04-18 10:59:09 +00:00
90ca10b9cd Update src/app/page.tsx 2026-04-18 10:58:30 +00:00
d86f547a53 Update src/app/page.tsx 2026-04-18 10:58:00 +00:00
a3fe5e6c5e Update src/app/layout.tsx 2026-04-18 10:58:00 +00:00
f6e716b5b0 Update src/app/page.tsx 2026-04-18 10:55:27 +00:00
cf4be5754b Update src/app/layout.tsx 2026-04-18 10:55:27 +00:00
a2c21fa20d Update src/app/page.tsx 2026-04-18 10:54:52 +00:00
93bf15c7d7 Update src/app/styles/variables.css 2026-04-18 10:54:22 +00:00
6875b7d03e Update src/app/page.tsx 2026-04-18 10:54:22 +00:00
3 changed files with 73 additions and 71 deletions

View File

@@ -18,7 +18,7 @@ const inter = Inter({
subsets: ["latin"],
});
export const metadata: Metadata = { title: 'Johnnys Diner | Casselberrys Best Breakfast & Lunch', description: 'Visit Johnny\'s Diner in Casselberry for hearty American breakfast and lunch. 4.8-star rating. Fresh food, friendly service. Call (321) 972-8276 to order!', openGraph: { title: "Johnny's Diner | Casselberry's Favorite Breakfast & Lunch", description: "Experience the best classic American diner in Casselberry. Fresh ingredients, friendly service, and generous portions.", type: "restaurant" } };
export const metadata: Metadata = { title: 'Johnnys Diner | Warmth, Comfort, & Home-Style Meals in Casselberry', description: 'Experience Johnnys Diner, your local spot for homemade breakfast, lunch, and genuine hospitality in Casselberry.', openGraph: { title: "Johnny's Diner | Casselberry's Favorite Breakfast & Lunch", description: "Experience the best classic American diner in Casselberry. Fresh ingredients, friendly service, and generous portions.", type: "restaurant" } };
export default function RootLayout({
children,

View File

@@ -11,21 +11,21 @@ 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 { Star, Utensils, Coffee, MapPin } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="large"
background="floatingGradient"
cardStyle="soft-shadow"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
@@ -38,44 +38,42 @@ 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="Casselberrys 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 Johnnys"
description="Start your day with homemade meals and the friendly, cozy comfort of our classic neighborhood diner."
tag="Proudly Serving Casselberry"
tagIcon={Star}
background={{ variant: "plain" }}
background={{ variant: "gradient-bars" }}
buttons={[
{ text: "Call Now to Order", href: "tel:+13219728276" },
{ text: "View Menu", href: "#cuts" }
{ text: "Call to Order", href: "tel:+13219728276" },
{ text: "Our Menu", href: "#cuts" }
]}
buttonAnimation="slide-up"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-berries-flowers-grey_140725-129388.jpg", imageAlt: "Fluffy pancake stack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-from-around-world_23-2151596604.jpg", imageAlt: "Classic eggs and bacon breakfast" },
{ imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg", imageAlt: "Classic American diner burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-mocha-steam-fills-rustic-coffee-cup-generated-by-ai_188544-18607.jpg", imageAlt: "Hot fresh diner coffee" }
{ imageSrc: "https://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-berries-flowers-grey_140725-129388.jpg", imageAlt: "Fluffy pancake stack" },
{ imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-food-from-around-world_23-2151596604.jpg", imageAlt: "Classic breakfast" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About Us"
tag="Our Story"
tagIcon={Utensils}
title="Your Home Away From Home"
description="Johnnys 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="Diner Classics, Home-Style Comfort"
description="At Johnnys Diner, we believe every meal should feel like a warm hug. Weve been a local staple in Casselberry, serving breakfast and lunch with genuine hospitality and fresh, wholesome ingredients."
metrics={[
{ value: "500+", title: "5-Star Reviews" },
{ value: "Daily", title: "Fresh Ingredients" }
{ value: "15+", title: "Years Serving" },
{ value: "100%", title: "Homemade" }
]}
imageSrc="http://img.b2bpic.net/free-photo/two-happy-women-holding-ice-cream-amusement-park_23-2147911706.jpg"
imageAlt="Welcoming diner interior"
imageSrc="https://img.b2bpic.net/free-photo/two-happy-women-holding-ice-cream-amusement-park_23-2147911706.jpg"
imageAlt="Friendly dining experience"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -83,98 +81,102 @@ 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."
tag="Our Menu"
title="Taste the Tradition"
description="From golden pancakes to hearty lunch favorites, our menu is filled with timeless classics made just right."
tag="Breakfast & Lunch"
tagIcon={Coffee}
products={[
{ id: "1", brand: "Breakfast", name: "Pancakes Stack", price: "$9.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pancakes-with-fresh-red-strawberries-white-space_140725-95168.jpg" },
{ id: "2", brand: "Breakfast", name: "Eggs & Bacon Plate", price: "$11.99", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1100.jpg" },
{ id: "3", brand: "Lunch", name: "Classic Cheeseburger", price: "$13.99", rating: 4.8, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg" }
{ id: "1", brand: "Morning", name: "Stack of Pancakes", price: "$9.99", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-pancakes-with-fresh-red-strawberries-white-space_140725-95168.jpg" },
{ id: "2", brand: "Morning", name: "Farmhouse Eggs", price: "$11.99", rating: 5, reviewCount: "210", imageSrc: "https://img.b2bpic.net/free-photo/breakfast_1339-1100.jpg" },
{ id: "3", brand: "Afternoon", name: "Classic Burger", price: "$13.99", rating: 4.8, reviewCount: "300", imageSrc: "https://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardNineteen
title="Why Choose Johnnys?"
description="We focus on the little details that make a diner great."
tag="Our Promise"
title="The Johnnys Difference"
description="We focus on the small details that create big smiles."
tag="Our Values"
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: "Farm Fresh", subtitle: "Daily Sourcing", description: "Locally sourced produce for authentic flavor.", imageSrc: "https://img.b2bpic.net/free-photo/sliced-cucumber-cutting-board-with-tomatoes-lettuce-lemon-top-view-dark-wooden-background_176474-3688.jpg" },
{ tag: "Service", title: "Heartfelt Hospitality", subtitle: "Like Family", description: "Our team welcomes every guest with warmth and care.", imageSrc: "https://img.b2bpic.net/free-photo/bartender-working-club_23-2150497614.jpg" },
{ tag: "Comfort", title: "Cozy Vibes", subtitle: "Relaxed Setting", description: "Come as you are and stay as long as you like.", imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-dish_23-2147680624.jpg" }
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
title="Our Amazing Team"
description="Meet the faces behind your morning coffee and hearty lunches."
title="Meet Our Friendly Team"
description="The hardworking people who make your day a little brighter."
tag="The Crew"
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: "Founder", description: "Bringing over 15 years of diner expertise to your table.", imageSrc: "https://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914243.jpg" },
{ id: "2", name: "Sarah D.", role: "Hospitality Lead", description: "The smiling face that greets you every single morning.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg" }
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<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."
tag="Reviews"
title="Kind Words from Locals"
description="We're honored to be a part of the Casselberry community."
tag="Community Love"
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: "@Regular", testimonial: "The atmosphere is always welcoming and the food is so consistent. Love it!", imageSrc: "https://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
{ id: "2", name: "Tom B.", handle: "@Neighbor", testimonial: "My favorite weekend spot. The staff are genuinely nice people.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked"
description="Quick answers to our most popular questions."
title="Common Questions"
description="Everything you need to know about Johnnys."
faqs={[
{ id: "1", title: "Where are you located?", content: "500 FL-436 #1000, Casselberry, Florida, USA." },
{ id: "2", title: "What are your hours?", content: "MonSat: 6AM3PM, Sunday: 7AM3PM." },
{ 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 I find you?", content: "Located centrally in Casselberry, FL." },
{ id: "2", title: "Are you open daily?", content: "Yes, were here to serve you every day of the week!" },
{ id: "3", title: "How do I place an order?", content: "Just give us a quick ring at (321) 972-8276!" }
]}
imageSrc="http://img.b2bpic.net/free-photo/pouring-hot-coffee-drink_53876-30609.jpg"
imageSrc="https://img.b2bpic.net/free-photo/pouring-hot-coffee-drink_53876-30609.jpg"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Stop By Johnnys Diner"
description="We're located in the heart of Casselberry. Give us a call to place your order or just drop by!"
tag="Connect"
title="Come See Us Soon"
description="Whether its for a quick coffee or a full family lunch, we cant wait to have you."
tagIcon={MapPin}
background={{ variant: "sparkles-gradient" }}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Johnnys Diner"
copyrightText="© 2025 Johnnys Diner. All rights reserved."
copyrightText="© 2025 Johnnys Diner. Made with warmth."
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: "Hours", items: [{ label: "Mon-Sat: 6am-3pm", href: "#" }, { label: "Sun: 7am-3pm", href: "#" }] }
{ title: "Visit", items: [{ label: "500 FL-436, Casselberry", href: "#" }, { label: "Call (321) 972-8276", href: "tel:+13219728276" }] },
{ title: "Menu", items: [{ label: "Breakfast", href: "#cuts" }, { label: "Lunch", href: "#cuts" }] }
]}
/>
</div>

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);