Merge version_2 into main #1
112
src/app/page.tsx
112
src/app/page.tsx
@@ -17,15 +17,15 @@ export default function JohnnysDinerPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -34,55 +34,47 @@ export default function JohnnysDinerPage() {
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+13219728276"
|
||||
}}
|
||||
button={{ text: "Call Now", href: "tel:+13219728276" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Casselberry’s Favorite Breakfast & Lunch Spot"
|
||||
description="Serving fresh, homemade comfort food every morning. Join us for generous portions and friendly service in the heart of Florida."
|
||||
title="Timeless Comfort in Casselberry"
|
||||
description="Experience a luxury diner atmosphere with our signature gold-standard breakfast and lunch classics, served fresh daily."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="4.8⭐ Rated by 500+ Locals"
|
||||
tag="Voted Casselberry’s Finest"
|
||||
tagIcon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-3d-pancakes-still-life_23-2151105124.jpg"
|
||||
imageAlt="Classic American diner breakfast platter"
|
||||
buttons={[
|
||||
{ text: "Call Now to Order", href: "tel:+13219728276" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Table", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="At Johnny’s Diner, we believe in the simple joy of a hot cup of coffee and a scratch-made meal. We are a locally-owned staple dedicated to making your morning better, one plate at a time."
|
||||
useInvertedBackground={false}
|
||||
title="Where culinary tradition meets elegance. Johnny's Diner brings a refined approach to your favorite comfort meals, featuring locally sourced ingredients in an atmosphere designed for relaxation."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
title="Signature Diner Favorites"
|
||||
description="Explore our menu of classic breakfast platters, hearty lunches, and fresh-brewed coffee."
|
||||
title="Our Signature Collection"
|
||||
description="Refined American classics prepared with unparalleled passion."
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Johnny’s Big Breakfast", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361470.jpg", imageAlt: "Fluffy pancakes and eggs"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Classic Smashburger", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10720.jpg", imageAlt: "Juicy cheeseburger with fries"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Farmhouse Omelette", price: "$13.25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-omelette-cherry-tomatoes_23-2148698707.jpg", imageAlt: "Fresh farmhouse omelette"
|
||||
}
|
||||
{ id: "1", name: "Signature Pancake Stack", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361470.jpg" },
|
||||
{ id: "2", name: "Prime Diner Burger", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10720.jpg" },
|
||||
{ id: "3", name: "Truffle Infused Omelette", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-omelette-cherry-tomatoes_23-2148698707.jpg" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -90,15 +82,11 @@ export default function JohnnysDinerPage() {
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardFourteen
|
||||
title="Johnny’s By The Numbers"
|
||||
tag="Local Favorites"
|
||||
title="The Johnny's Legacy"
|
||||
tag="Our Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", description: "Verified 5-star reviews from happy locals"
|
||||
},
|
||||
{
|
||||
id: "2", value: "15+", description: "Years of serving the Casselberry community"
|
||||
}
|
||||
{ id: "1", value: "500+", description: "Premium 5-Star Experiences" },
|
||||
{ id: "2", value: "15+", description: "Years of Culinary Distinction" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -107,48 +95,34 @@ export default function JohnnysDinerPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Friends Say"
|
||||
description="We take pride in every meal we serve at our tables."
|
||||
title="Refined Praise"
|
||||
description="Discover why our guests choose Johnny's for their most memorable meals."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Best Breakfast in town!", quote: "I never leave hungry! The pancakes are huge and the coffee is always fresh. My family loves coming here on Saturday mornings.", name: "Sarah J.", role: "Local Resident"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Friendly Service", quote: "Johnny’s feels like home. The staff remembers my order and always treats us like family.", name: "Mike D.", role: "Regular Customer"
|
||||
}
|
||||
{ id: "1", title: "Exceptional Standard", quote: "The blend of classic diner comfort with a luxury setting is truly unique. Simply incredible service.", name: "Eleanor V.", role: "Local Connoisseur" },
|
||||
{ id: "2", title: "Impeccable Quality", quote: "Every detail, from the coffee blend to the plating, feels like an upgrade to the traditional diner experience.", name: "Marcus T.", role: "Frequent Diner" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Johnny's?"
|
||||
description="We do things the old-fashioned way: quality ingredients, cooked fresh, with a smile."
|
||||
animationType="slide-up"
|
||||
title="The Luxury Difference"
|
||||
description="Why settling for the ordinary is no longer an option."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Processed frozen foods", "Inattentive fast-food service", "High prices for small portions"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh ingredients, scratch-made", "Friendly, welcoming diner atmosphere", "Generous, filling portions"
|
||||
]
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Standard fast-casual dining", "Generic frozen ingredients", "Crowded and noisy environments"] }}
|
||||
positiveCard={{ items: ["Curated luxury service", "Farm-to-table freshness", "Elegant, intimate atmosphere"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Visit us at 500 FL-436 #1000, Casselberry, FL. Open Mon–Sat 6am–3pm, Sun 7am–3pm. Let’s grab a bite!"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Call to Order: 321-972-8276", href: "tel:+13219728276" }
|
||||
]}
|
||||
text="Join us at 500 FL-436, Casselberry. A bespoke dining experience awaits you."
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
buttons={[{ text: "Call Today: 321-972-8276", href: "tel:+13219728276" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,8 +130,8 @@ export default function JohnnysDinerPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Johnny’s Diner"
|
||||
leftLink={{ text: "© 2024 Johnny’s Diner", href: "#" }}
|
||||
rightLink={{ text: "Casselberry, FL", href: "https://maps.google.com" }}
|
||||
leftLink={{ text: "© 2025 Johnny’s Diner", href: "#" }}
|
||||
rightLink={{ text: "Luxury Dining in Casselberry", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #0a0a0a;
|
||||
--card: #121212;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #c5a059;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--accent: #c5a059;
|
||||
--background-accent: #001a33;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user