Update src/app/page.tsx
This commit is contained in:
356
src/app/page.tsx
356
src/app/page.tsx
@@ -27,268 +27,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="A1 Grill"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="A1 Grill"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Japanese Grill & Rolls"
|
||||
description="Discover the finest fresh teriyaki and masterfully crafted sushi rolls, prepared with love in every bite."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-fried-sushi-rolls-with-salmon-avocado-cheese-served-with-ginger-wasabi-plate-wooden-table_141793-8448.jpg?_wi=1",
|
||||
imageAlt: "Fresh sushi roll",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-placed-wooden-tray_1150-23136.jpg",
|
||||
imageAlt: "Chef preparing meal",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-rice-bowl_23-2148259248.jpg",
|
||||
imageAlt: "Sushi platter",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14532.jpg",
|
||||
imageAlt: "Food presentation",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14214.jpg",
|
||||
imageAlt: "Teriyaki bowl",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Japanese Grill & Rolls"
|
||||
description="Discover the finest fresh teriyaki and masterfully crafted sushi rolls, prepared with love in every bite."
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-fried-sushi-rolls-with-salmon-avocado-cheese-served-with-ginger-wasabi-plate-wooden-table_141793-8448.jpg", imageAlt: "Fresh sushi roll" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-placed-wooden-tray_1150-23136.jpg", imageAlt: "Chef preparing meal" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-rice-bowl_23-2148259248.jpg", imageAlt: "Sushi platter" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14532.jpg", imageAlt: "Food presentation" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14214.jpg", imageAlt: "Teriyaki bowl" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Freshness in Every Roll"
|
||||
description="At A1 Grill, we believe in the harmony of fresh ingredients, traditional Japanese techniques, and a warm, inviting atmosphere for our guests."
|
||||
subdescription="From our signature teriyaki sauces to our hand-rolled sushi, every dish is crafted to provide a perfect dining experience."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-professionals-team-restaurant-kitchen-cooking-gourmet-dishes_482257-121164.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Freshness in Every Roll"
|
||||
description="At A1 Grill, we believe in the harmony of fresh ingredients, traditional Japanese techniques, and a warm, inviting atmosphere for our guests."
|
||||
subdescription="From our signature teriyaki sauces to our hand-rolled sushi, every dish is crafted to provide a perfect dining experience."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-professionals-team-restaurant-kitchen-cooking-gourmet-dishes_482257-121164.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Teriyaki Chicken",
|
||||
price: "$12.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-fried-sushi-rolls-with-salmon-avocado-cheese-served-with-ginger-wasabi-plate-wooden-table_141793-8448.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "California Roll",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-california-rolls_23-2148201921.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spicy Tuna Roll",
|
||||
price: "$9.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sushi-roll-with-crab-avocado-covered-with-red-caviar-with-ginger-wasabi-plate-wood_141793-11175.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Salmon Nigiri",
|
||||
price: "$10.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-roll_74190-1894.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Teriyaki Beef",
|
||||
price: "$14.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Shrimp Tempura",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35480.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="A curated selection of our best-selling teriyaki dishes and fresh sushi rolls."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Teriyaki Chicken", price: "$12.95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-fried-sushi-rolls-with-salmon-avocado-cheese-served-with-ginger-wasabi-plate-wooden-table_141793-8448.jpg" },
|
||||
{ id: "p2", name: "California Roll", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-california-rolls_23-2148201921.jpg" },
|
||||
{ id: "p3", name: "Spicy Tuna Roll", price: "$9.95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sushi-roll-with-crab-avocado-covered-with-red-caviar-with-ginger-wasabi-plate-wood_141793-11175.jpg" },
|
||||
{ id: "p4", name: "Salmon Nigiri", price: "$10.50", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-roll_74190-1894.jpg" },
|
||||
{ id: "p5", name: "Teriyaki Beef", price: "$14.95", imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg" },
|
||||
{ id: "p6", name: "Shrimp Tempura", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35480.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="A curated selection of our best-selling teriyaki dishes and fresh sushi rolls."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food Journal Weekly",
|
||||
"City Dining Guide",
|
||||
"Local Yelp Top Rated",
|
||||
"Chef's Choice Award",
|
||||
"Community Favorite",
|
||||
"Best Teriyaki Spot",
|
||||
"Sushi Lovers Daily",
|
||||
]}
|
||||
title="Local Favorite"
|
||||
description="Recognized by community critics and food enthusiasts for culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Food Journal Weekly", "City Dining Guide", "Local Yelp Top Rated", "Chef's Choice Award", "Community Favorite", "Best Teriyaki Spot", "Sushi Lovers Daily"]}
|
||||
title="Local Favorite"
|
||||
description="Recognized by community critics and food enthusiasts for culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible sushi!",
|
||||
quote: "The freshest sushi rolls I've had in a long time. Will definitely come back!",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20336.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Best teriyaki in town",
|
||||
quote: "Perfectly cooked chicken and amazing sauce. The service is also top-notch.",
|
||||
name: "Mark D.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Wonderful dinner",
|
||||
quote: "The atmosphere is so cozy and the sushi is just fantastic. Highly recommended.",
|
||||
name: "Elena R.",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-redhead-girl-with-braid-wearing-black-hat-sleeveless-denim-jacket_273609-9275.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Five stars!",
|
||||
quote: "I love the variety of rolls and the quality is always consistent. Outstanding.",
|
||||
name: "David K.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-sushi_23-2149870710.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great find",
|
||||
quote: "Super friendly staff and delicious food. My favorite place for a quick bite.",
|
||||
name: "Jessica M.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join our community of happy diners who make A1 Grill their go-to spot."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Incredible sushi!", quote: "The freshest sushi rolls I've had in a long time. Will definitely come back!", name: "Sarah J.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-pizza-bar_1303-20336.jpg" },
|
||||
{ id: "t2", title: "Best teriyaki in town", quote: "Perfectly cooked chicken and amazing sauce. The service is also top-notch.", name: "Mark D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg" },
|
||||
{ id: "t3", title: "Wonderful dinner", quote: "The atmosphere is so cozy and the sushi is just fantastic. Highly recommended.", name: "Elena R.", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-redhead-girl-with-braid-wearing-black-hat-sleeveless-denim-jacket_273609-9275.jpg" },
|
||||
{ id: "t4", title: "Five stars!", quote: "I love the variety of rolls and the quality is always consistent. Outstanding.", name: "David K.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-sushi_23-2149870710.jpg" },
|
||||
{ id: "t5", title: "Great find", quote: "Super friendly staff and delicious food. My favorite place for a quick bite.", name: "Jessica M.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join our community of happy diners who make A1 Grill their go-to spot."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Get Special Offers"
|
||||
description="Sign up for our newsletter to receive updates and exclusive dining offers at A1 Grill."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Get Special Offers"
|
||||
description="Sign up for our newsletter to receive updates and exclusive dining offers at A1 Grill."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="A1 Grill"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
logoText="A1 Grill"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user