Merge version_2 into main #1
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user