Merge version_1 into main #1
395
src/app/page.tsx
395
src/app/page.tsx
@@ -28,287 +28,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AhiSushi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AhiSushi"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Where Artistry Meets The Grill"
|
||||
description="Experience the perfect union of precision-cut sushi and masterfully prepared prime steaks in an atmosphere of timeless sophistication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
|
||||
alt: "Confident young man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-people-having-wine-together_23-2148454082.jpg",
|
||||
alt: "Group of friends",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
alt: "Professional guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3752.jpg",
|
||||
alt: "Guest smiling",
|
||||
},
|
||||
]}
|
||||
avatarText="Join over 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Cut Steaks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Sushi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exceptional Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Artistry Meets The Grill"
|
||||
description="Experience the perfect union of precision-cut sushi and masterfully prepared prime steaks in an atmosphere of timeless sophistication."
|
||||
buttons={[{ text: "Reserve Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", alt: "Confident young man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-young-people-having-wine-together_23-2148454082.jpg", alt: "Group of friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "Professional guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3752.jpg", alt: "Guest smiling" },
|
||||
]}
|
||||
avatarText="Join over 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Quality" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Prime Cut Steaks" },
|
||||
{ type: "text", text: "Artisanal Sushi" },
|
||||
{ type: "text", text: "Exceptional Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Culinary Philosophy"
|
||||
description="At AhiSushi Steakhouse, we bridge the gap between traditional Japanese sushi craftsmanship and modern American steakhouse indulgence, sourcing only the finest sustainable ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-vegetables-wooden-background_1220-4232.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Culinary Philosophy"
|
||||
description="At AhiSushi Steakhouse, we bridge the gap between traditional Japanese sushi craftsmanship and modern American steakhouse indulgence, sourcing only the finest sustainable ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-vegetables-wooden-background_1220-4232.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "A5 Wagyu Ribeye",
|
||||
price: "$120",
|
||||
variant: "Prime Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-steak-with-ketchup-fresh-onion-white-plate_140725-12897.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Filet Mignon",
|
||||
price: "$65",
|
||||
variant: "Tender Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Dry-Aged Porterhouse",
|
||||
price: "$95",
|
||||
variant: "Classic Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "New York Strip",
|
||||
price: "$70",
|
||||
variant: "Bold Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-kebab-with-bottle-red-wine_114579-2028.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Tomahawk Ribeye",
|
||||
price: "$135",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-flame-cooked-perfection-generated-by-ai_188544-13424.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Bison Sirloin",
|
||||
price: "$55",
|
||||
variant: "Lean Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2461.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Steaks"
|
||||
description="Premium cuts aged to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", name: "A5 Wagyu Ribeye", price: "$120", variant: "Prime Cut", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-steak-with-ketchup-fresh-onion-white-plate_140725-12897.jpg" },
|
||||
{ id: "s2", name: "Filet Mignon", price: "$65", variant: "Tender Cut", imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg" },
|
||||
{ id: "s3", name: "Dry-Aged Porterhouse", price: "$95", variant: "Classic Cut", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg" },
|
||||
{ id: "s4", name: "New York Strip", price: "$70", variant: "Bold Cut", imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-kebab-with-bottle-red-wine_114579-2028.jpg" },
|
||||
{ id: "s5", name: "Tomahawk Ribeye", price: "$135", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-flame-cooked-perfection-generated-by-ai_188544-13424.jpg" },
|
||||
{ id: "s6", name: "Bison Sirloin", price: "$55", variant: "Lean Cut", imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2461.jpg" },
|
||||
]}
|
||||
title="Signature Steaks"
|
||||
description="Premium cuts aged to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sushi" data-section="sushi">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Tuna Tasting Platter",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Signature",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sashimi_74190-4320.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Golden Dragon Roll",
|
||||
tags: [
|
||||
"Artisan",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-rice-ginger-wasabi_140725-1022.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Omakase Selection",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-variety-fish-delivery-sushi-package-different-types-rolls_132075-14243.jpg",
|
||||
},
|
||||
]}
|
||||
title="Sushi Specialties"
|
||||
description="Artisan rolls and fresh sashimi."
|
||||
/>
|
||||
</div>
|
||||
<div id="sushi" data-section="sushi">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Tuna Tasting Platter", tags: ["Fresh", "Signature"], imageSrc: "http://img.b2bpic.net/free-photo/tuna-sashimi_74190-4320.jpg" },
|
||||
{ id: "f2", title: "Golden Dragon Roll", tags: ["Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-rice-ginger-wasabi_140725-1022.jpg" },
|
||||
{ id: "f3", title: "Omakase Selection", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-variety-fish-delivery-sushi-package-different-types-rolls_132075-14243.jpg" },
|
||||
]}
|
||||
title="Sushi Specialties"
|
||||
description="Artisan rolls and fresh sashimi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Culinary heritage",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Local Purveyors",
|
||||
description: "Sustainable sourcing",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Freshness Guaranteed",
|
||||
description: "Daily arrivals",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Dining Excellence"
|
||||
description="Numbers behind the experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Culinary heritage", icon: Award },
|
||||
{ id: "m2", value: "50+", title: "Local Purveyors", description: "Sustainable sourcing", icon: Leaf },
|
||||
{ id: "m3", value: "100%", title: "Freshness Guaranteed", description: "Daily arrivals", icon: CheckCircle },
|
||||
]}
|
||||
title="Dining Excellence"
|
||||
description="Numbers behind the experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-feeding-her-groom-with-croissant-cafe_176420-2274.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-barista-pouring-draft-beer-while-working-pub_637285-5698.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Guests Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg" },
|
||||
{ id: "t2", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-feeding-her-groom-with-croissant-cafe_176420-2274.jpg" },
|
||||
{ id: "t3", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg" },
|
||||
{ id: "t4", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg" },
|
||||
{ id: "t5", name: "David T.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-barista-pouring-draft-beer-while-working-pub_637285-5698.jpg" },
|
||||
]}
|
||||
cardTitle="What Guests Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Experience fine dining at AhiSushi Steakhouse. Book your reservation online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Experience fine dining at AhiSushi Steakhouse. Book your reservation online."
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AhiSushi Steakhouse"
|
||||
copyrightText="© 2025 AhiSushi. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AhiSushi Steakhouse"
|
||||
copyrightText="© 2025 AhiSushi. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user