Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
454
src/app/page.tsx
454
src/app/page.tsx
@@ -29,334 +29,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Catering",
|
||||
id: "catering",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Joe's Italian"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Catering", id: "catering" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Joe's Italian"
|
||||
button={{ text: "Order Online", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Pasta, Pizza, Subs & More"
|
||||
description="From scratch. Family owned. Taste the difference at Joe's where we bring authentic Italian recipes to your table."
|
||||
tag="Homemade Italian Food"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Ahead",
|
||||
href: "tel:5864883085",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2449.jpg",
|
||||
imageAlt: "Authentic Italian meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wheat-pasta-near-blackboard_23-2147853447.jpg",
|
||||
imageAlt: "Fresh Italian ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-pasta_23-2150329919.jpg",
|
||||
imageAlt: "Full shot woman posing with pasta",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-kids-cook-front-view_23-2149870131.jpg",
|
||||
imageAlt: "Woman helping kids cook front view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guys-eat-pasta-with-drinks_140725-4393.jpg",
|
||||
imageAlt: "Guys eat pasta with drinks",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Best subs around!"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Pasta, Pizza, Subs & More"
|
||||
description="From scratch. Family owned. Taste the difference at Joe's where we bring authentic Italian recipes to your table."
|
||||
tag="Homemade Italian Food"
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "#contact" },
|
||||
{ text: "Call Ahead", href: "tel:5864883085" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2449.jpg", imageAlt: "Authentic Italian meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wheat-pasta-near-blackboard_23-2147853447.jpg", imageAlt: "Fresh Italian ingredients" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Best subs around!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Passion for Italian Cooking"
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Years Tradition",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Homemade Dishes",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Families",
|
||||
value: "10k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Passion for Italian Cooking"
|
||||
metrics={[
|
||||
{ icon: Utensils, label: "Years Tradition", value: "20+" },
|
||||
{ icon: Utensils, label: "Homemade Dishes", value: "50+" },
|
||||
{ icon: Users, label: "Happy Families", value: "10k+" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No processed meats",
|
||||
"No frozen dough",
|
||||
"No artificial preservatives",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Scratch made daily",
|
||||
"Family owned recipes",
|
||||
"First-second gen Italian chefs",
|
||||
],
|
||||
}}
|
||||
title="The Joe's Difference"
|
||||
description="We are passionate about bringing you fresh, authentic Italian flavors."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No processed meats", "No frozen dough", "No artificial preservatives"] }}
|
||||
positiveCard={{ items: ["Scratch made daily", "Family owned recipes", "First-second gen Italian chefs"] }}
|
||||
title="The Joe's Difference"
|
||||
description="We are passionate about bringing you fresh, authentic Italian flavors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Homemade Lasagna",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sandwich-with-olives-salmon_23-2148640240.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Margherita Pizza",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-plate-sweet-with-berries-flour-tea-sieve-chocolate-nuts-side-marble-background_140725-133904.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Italian Sub",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holiday-dinner-with-roasted-chicken-potatoes-food-photography_53876-124086.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Muffuletta Sandwich",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fresh-sandwich-with-bacon_181624-23195.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chicken Parmesan",
|
||||
price: "$16.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-chicken-lettuce-tomato-parmesan-anchovies-side-view_141793-3707.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cannoli Bakery",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35061.jpg",
|
||||
},
|
||||
]}
|
||||
title="Authentic Italian Menu"
|
||||
description="From pasta and pizza to our legendary subs, discover your new favorite meal."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Homemade Lasagna", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sandwich-with-olives-salmon_23-2148640240.jpg" },
|
||||
{ id: "p2", name: "Margherita Pizza", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-plate-sweet-with-berries-flour-tea-sieve-chocolate-nuts-side-marble-background_140725-133904.jpg" },
|
||||
{ id: "p3", name: "Classic Italian Sub", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/holiday-dinner-with-roasted-chicken-potatoes-food-photography_53876-124086.jpg" }
|
||||
]}
|
||||
title="Authentic Italian Menu"
|
||||
description="From pasta and pizza to our legendary subs, discover your new favorite meal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Homemade",
|
||||
description: "No pre-made sauces here.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Freshness",
|
||||
description: "Ingredients sourced daily.",
|
||||
icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99+",
|
||||
title: "Sub Favorites",
|
||||
description: "Ranked best in town.",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Freshness Guaranteed"
|
||||
description="Every dish is prepared with the utmost care for our local community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Homemade", description: "No pre-made sauces here.", icon: Utensils },
|
||||
{ id: "m2", value: "24/7", title: "Freshness", description: "Ingredients sourced daily.", icon: CalendarDays },
|
||||
{ id: "m3", value: "99+", title: "Sub Favorites", description: "Ranked best in town.", icon: Star }
|
||||
]}
|
||||
title="Freshness Guaranteed"
|
||||
description="Every dish is prepared with the utmost care for our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best subs I've ever had in Shelby Township!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-111517.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
handle: "@miked",
|
||||
testimonial: "Authentic homemade pasta that reminds me of home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna P.",
|
||||
handle: "@annap",
|
||||
testimonial: "Incredible service and very fast catering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom R.",
|
||||
handle: "@tomr",
|
||||
testimonial: "Every meal here feels like a Sunday dinner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kelly V.",
|
||||
handle: "@kellyv",
|
||||
testimonial: "The bakery items are divine, must-try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Community Loves Us"
|
||||
description="Real feedback from our satisfied neighbors."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best subs I've ever had in Shelby Township!", imageSrc: "http://img.b2bpic.net/free-photo/celebration-party-holidays-concept-portrait-boyfriend-cant-resist-temptation-eat-last-piec_1258-111517.jpg" },
|
||||
{ id: "t2", name: "Mike D.", handle: "@miked", testimonial: "Authentic homemade pasta that reminds me of home.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg" }
|
||||
]}
|
||||
title="Our Community Loves Us"
|
||||
description="Real feedback from our satisfied neighbors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer convenient delivery in the Shelby Township area.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I order?",
|
||||
content: "You can order online, call us at 586-488-3085, or visit us in person.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is catering available?",
|
||||
content: "Absolutely! We cater events of all sizes with our authentic Italian menu.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our takeout and catering."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer convenient delivery in the Shelby Township area." },
|
||||
{ id: "f2", title: "How can I order?", content: "You can order online, call us at 586-488-3085, or visit us in person." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our takeout and catering."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Find Us & Order Now"
|
||||
description="Visit us at 12399 23 Mile Rd., Shelby Twp. MI 48315 or reach out for inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "order",
|
||||
placeholder: "Your Order/Inquiry",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Find Us & Order Now"
|
||||
description="Visit us at 12399 23 Mile Rd., Shelby Twp. MI 48315 or reach out for inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "order", placeholder: "Your Order/Inquiry", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Joe's Italian"
|
||||
copyrightText="© 2025 Joe's Italian Takeout"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Joe's Italian"
|
||||
copyrightText="© 2025 Joe's Italian Takeout"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user