Merge version_2 into main #4
@@ -18,7 +18,7 @@ const inter = Inter({
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = { title: 'Johnny’s Diner | Classic Comfort Food in Casselberry', description: 'Welcome to Johnny’s Diner, your local spot for hearty breakfasts, classic lunches, and friendly service in the heart of Casselberry, FL.', 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: 'Welcome to Webild', description: 'Premium digital solutions for your business.', 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,
|
||||
|
||||
207
src/app/page.tsx
207
src/app/page.tsx
@@ -1,6 +1,5 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -11,179 +10,97 @@ 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, MapPin } from 'lucide-react';
|
||||
import { Github, Twitter, Linkedin } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Johnny’s Diner"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "cuts" },
|
||||
{ name: "Why Us", id: "experience" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+13219728276"
|
||||
}}
|
||||
<NavbarStyleCentered
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
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: "View Menu", href: "#cuts" },
|
||||
{ text: "Call to Order", href: "tel:+13219728276" }
|
||||
]}
|
||||
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" }
|
||||
]}
|
||||
<HeroBillboardCarousel
|
||||
title="Welcome to Our Platform"
|
||||
description="Experience the future of digital solutions."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1550745165-9bc0b252726f?q=80&w=2070&auto=format&fit=crop" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Utensils}
|
||||
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: "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"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
<MetricSplitMediaAbout
|
||||
title="Our Impact"
|
||||
description="Driving results through innovation."
|
||||
metrics={[{ value: "100+", title: "Projects Completed" }, { value: "50+", title: "Happy Clients" }]}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cuts" data-section="cuts">
|
||||
<ProductCardTwo
|
||||
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={[
|
||||
{ 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" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<ProductCardTwo
|
||||
title="Our Featured Products"
|
||||
description="High quality solutions for your needs."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "1", brand: "BrandX", name: "Pro Model", price: "$99", reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=1000&auto=format&fit=crop" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardNineteen
|
||||
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: "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"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardNineteen
|
||||
title="Our Experience"
|
||||
description="Years of excellence."
|
||||
textboxLayout="split"
|
||||
features={[{ tag: "Innovation", title: "Expertise", subtitle: "Driven by data", description: "We leverage the latest technology to deliver results." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
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: "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"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TeamCardTwo
|
||||
title="Meet Our Team"
|
||||
description="The minds behind the magic."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
members={[{ id: "1", name: "John Doe", role: "CEO", description: "Leading with passion." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
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: "@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"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardSix
|
||||
title="Client Reviews"
|
||||
description="See what others have to say."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[{ id: "1", name: "Jane Smith", handle: "@janesmith", testimonial: "Fantastic service!" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Got Questions?"
|
||||
description="We're always here to help. Here are a few answers to common questions!"
|
||||
faqs={[
|
||||
{ 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"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
faqs={[{ id: "1", title: "How do I start?", content: "Simply sign up for an account." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
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" }}
|
||||
useInvertedBackground={false}
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Let's Connect"
|
||||
description="Drop us a message."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Johnny’s Diner"
|
||||
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: "Call: (321) 972-8276", href: "tel:+13219728276" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Sat: 6am-3pm", href: "#" }, { label: "Sun: 7am-3pm", href: "#" }] }
|
||||
]}
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user