Merge version_1 into main #1
419
src/app/page.tsx
419
src/app/page.tsx
@@ -16,306 +16,145 @@ import { Utensils } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tony's of Indianapolis"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tony's of Indianapolis"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="TONY'S"
|
||||
description="An Indianapolis destination for prime steaks, fresh seafood, and refined hospitality in a luxurious, timeless setting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="TONY'S"
|
||||
description="An Indianapolis destination for prime steaks, fresh seafood, and refined hospitality in a luxurious, timeless setting."
|
||||
buttons={[
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Exceptional Dining in Indy"
|
||||
description="Led by Tony Ricci, our kitchen brings a passion for culinary excellence, serving the finest cuts of USDA prime beef and ocean-fresh seafood."
|
||||
subdescription="Whether it's a celebration or a quiet dinner, we promise an unforgettable experience defined by flavor and service."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-chef-working-stovetop-cooking-vegetables-oil-with-kitchen-tools_482257-121198.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Exceptional Dining in Indy"
|
||||
description="Led by Tony Ricci, our kitchen brings a passion for culinary excellence, serving the finest cuts of USDA prime beef and ocean-fresh seafood."
|
||||
subdescription="Whether it's a celebration or a quiet dinner, we promise an unforgettable experience defined by flavor and service."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-chef-working-stovetop-cooking-vegetables-oil-with-kitchen-tools_482257-121198.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "12oz Barrel Cut Filet Mignon",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "14oz Prime New York Strip",
|
||||
price: "$72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-sauce-with-baked-vegetables_140725-985.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Dry Aged Bone-In Pork Chop",
|
||||
price: "$47",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_1203-3346.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "New Zealand Rack of Lamb",
|
||||
price: "$64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Braised Short Ribs",
|
||||
price: "$56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Organic Scottish Salmon",
|
||||
price: "$43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-salmon-fish_23-2148708707.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu Selections"
|
||||
description="From our aged steaks to our fresh raw bar, every dish is prepared to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", name: "12oz Barrel Cut Filet Mignon", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" },
|
||||
{ id: "s2", name: "14oz Prime New York Strip", price: "$72", imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-sauce-with-baked-vegetables_140725-985.jpg" },
|
||||
{ id: "s3", name: "Dry Aged Bone-In Pork Chop", price: "$47", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_1203-3346.jpg" },
|
||||
{ id: "s4", name: "New Zealand Rack of Lamb", price: "$64", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg" },
|
||||
{ id: "s5", name: "Braised Short Ribs", price: "$56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg" },
|
||||
{ id: "s6", name: "Organic Scottish Salmon", price: "$43", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-salmon-fish_23-2148708707.jpg" },
|
||||
]}
|
||||
title="Signature Menu Selections"
|
||||
description="From our aged steaks to our fresh raw bar, every dish is prepared to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Compromise on Quality",
|
||||
"Freshly Sourced Seafood",
|
||||
"Timeless Atmosphere",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"USDA Prime Beef Selection",
|
||||
"Expansive Wine List",
|
||||
"Expertly Trained Staff",
|
||||
],
|
||||
}}
|
||||
title="Why Guests Choose Us"
|
||||
description="Experience what makes Tony's the top choice in Indianapolis."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["No Compromise on Quality", "Freshly Sourced Seafood", "Timeless Atmosphere"] }}
|
||||
positiveCard={{ items: ["USDA Prime Beef Selection", "Expansive Wine List", "Expertly Trained Staff"] }}
|
||||
title="Why Guests Choose Us"
|
||||
description="Experience what makes Tony's the top choice in Indianapolis."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Reviews",
|
||||
items: [
|
||||
"Average 4.8 Rating",
|
||||
"Top Indianapolis Steakhouse",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years",
|
||||
items: [
|
||||
"Culinary Expertise",
|
||||
"Dedication to Service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Entrees",
|
||||
items: [
|
||||
"Fresh Daily Selection",
|
||||
"Signature Recipes",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Culinary Impact"
|
||||
description="Consistent quality, thousands of satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1000+", title: "Reviews", items: ["Average 4.8 Rating", "Top Indianapolis Steakhouse"] },
|
||||
{ id: "m2", value: "20+", title: "Years", items: ["Culinary Expertise", "Dedication to Service"] },
|
||||
{ id: "m3", value: "50+", title: "Entrees", items: ["Fresh Daily Selection", "Signature Recipes"] },
|
||||
]}
|
||||
title="Our Culinary Impact"
|
||||
description="Consistent quality, thousands of satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Taylor J.",
|
||||
role: "Local Guide",
|
||||
company: "Indy Dining",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kristoffer Heck",
|
||||
role: "Local Guide",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Patron",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael R.",
|
||||
role: "Patron",
|
||||
company: "Corporate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily C.",
|
||||
role: "Patron",
|
||||
company: "Birthday Celebration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
description="What our guests say about their dining experience at Tony's."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Taylor J.", role: "Local Guide", company: "Indy Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg" },
|
||||
{ id: "t2", name: "Kristoffer Heck", role: "Local Guide", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", role: "Patron", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg" },
|
||||
{ id: "t4", name: "Michael R.", role: "Patron", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg" },
|
||||
{ id: "t5", name: "Emily C.", role: "Patron", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
description="What our guests say about their dining experience at Tony's."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reservations & Inquiries"
|
||||
description="Secure your table or contact our guest services for event planning."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests, group dining, or event details",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reservations & Inquiries"
|
||||
description="Secure your table or contact our guest services for event planning."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests, group dining, or event details", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "110 W Washington St, Indianapolis",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Thu: 5pm-9pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Fri-Sat: 5pm-10pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TONY'S"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "110 W Washington St, Indianapolis", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Thu: 5pm-9pm", href: "#" }, { label: "Fri-Sat: 5pm-10pm", href: "#" }] },
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#products" }, { label: "Reservations", href: "#contact" }] },
|
||||
]}
|
||||
logoText="TONY'S"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user