140 lines
8.7 KiB
TypeScript
140 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
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"
|
|
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", 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="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="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="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>
|
|
);
|
|
} |