Merge version_2 into main #2
393
src/app/page.tsx
393
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Clock, Shield, Star } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, CheckCircle, Clock, Shield, Star, MapPin, Mail, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,371 +19,123 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Shah"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shan-e-Zaika"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Taste the True Perfection"
|
||||
description="Experience culinary excellence at Shan-e-Zaika. We serve fresh, flavor-packed fast food crafted with premium ingredients for the ultimate satisfaction."
|
||||
<HeroSplitDualMedia
|
||||
title="Authentic Taste of Shah"
|
||||
description="Experience the legendary flavors that define our heritage. Every dish is a masterpiece of spice and tradition."
|
||||
tag="New Culinary Heights"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by food critics"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg",
|
||||
imageAlt: "delicious fast food plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg",
|
||||
imageAlt: "grilled chicken platter food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-fries-along-with-sandwiches-inside-peach-plate_140725-29823.jpg",
|
||||
imageAlt: "fresh pizza food photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg",
|
||||
imageAlt: "juicy steak meal dinner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",
|
||||
imageAlt: "classic fast food combo",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg", imageAlt: "Grilled Steak" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg", imageAlt: "Supreme Pizza" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Flavor"
|
||||
description="Shan-e-Zaika is more than just food; it's a passion for quality. We combine traditional spices with modern cooking techniques to bring you an unmatched dining experience."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "50k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728005.jpg"
|
||||
imageAlt="restaurant kitchen chefs working"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
<TextAbout
|
||||
title="Crafting Perfection Since 1990"
|
||||
tag="Our Story"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<ProductCardFour
|
||||
title="Our Signature Creations"
|
||||
description="A curated selection of our most loved dishes, prepared with passion."
|
||||
useInvertedBackground={false}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Shan-e",
|
||||
name: "Classic Burger",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-bacon-hamburger_74190-5976.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Shan-e",
|
||||
name: "Crispy Chicken",
|
||||
price: "$15.99",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-148921.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Shan-e",
|
||||
name: "Supreme Pizza",
|
||||
price: "$18.99",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Shan-e",
|
||||
name: "Garden Salad",
|
||||
price: "$9.99",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-salad-consists-cucumber-cheese-tomatoes-inside-plate-dark-background_179666-19411.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Shan-e",
|
||||
name: "Creamy Pasta",
|
||||
price: "$14.99",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-fettuccini-cream-cheese-chicken-mushrooms-sumakh-side-view_141793-12455.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Shah Steak", price: "$24.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg" },
|
||||
{ id: "2", name: "Traditional Spice Pizza", price: "$18.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our chef's special collection of fast food delights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source the finest local produce daily.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Award-Winning",
|
||||
description: "Voted best taste by local food critics.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Safety First",
|
||||
description: "Our kitchen adheres to the highest health standards.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Rapid Service",
|
||||
description: "Your meal is prepared and served in minutes.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Chef Specials",
|
||||
description: "Unique culinary creations by expert chefs.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We are dedicated to providing the best dining experience in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
<MetricCardThree
|
||||
title="The Shah Difference"
|
||||
description="We rely on proven quality and dedicated service."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Quality Satisfaction",
|
||||
items: [
|
||||
"Fresh Produce",
|
||||
"Organic Spices",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20min",
|
||||
title: "Average Delivery",
|
||||
items: [
|
||||
"Rapid Service",
|
||||
"Hot Arrival",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Daily Orders",
|
||||
items: [
|
||||
"Popular Choice",
|
||||
"Community Trust",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4.9",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"Top Reviewed",
|
||||
"Consistent Excellence",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "95%",
|
||||
title: "Returning Guests",
|
||||
items: [
|
||||
"Loyalty First",
|
||||
"Dine-in Comfort",
|
||||
],
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Quality", value: "100%" },
|
||||
{ id: "m2", icon: Star, title: "Rating", value: "4.9" },
|
||||
{ id: "m3", icon: Clock, title: "Speed", value: "15min" }
|
||||
]}
|
||||
title="Quality by the Numbers"
|
||||
description="Our commitment to excellence reflected in every plate served."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardFive
|
||||
title="Voices of Our Guests"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "Oct 2023", title: "Exceptional!", quote: "The best dining experience I've had in years.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" }
|
||||
]}
|
||||
cardTitle="Loved by Foodies"
|
||||
cardTag="Our Stories"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitText
|
||||
sideTitle="Need Assistance?"
|
||||
sideDescription="Here are the answers to our most popular inquiries."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have a selection of vegan dishes prepared with care.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your delivery hours?",
|
||||
content: "We deliver from 10:00 AM until midnight every day.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book a table?",
|
||||
content: "Absolutely, feel free to contact us to secure your spot.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, we have a dedicated parking space for guests.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you host events?",
|
||||
content: "We host private events and birthday parties.",
|
||||
},
|
||||
{ id: "q1", title: "Opening Hours", content: "We are open daily from 11 AM to 11 PM." },
|
||||
{ id: "q2", title: "Location", content: "Find us at the heart of the downtown culinary district." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our menu or service? Find answers here."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929551.jpg?_wi=1"
|
||||
imageAlt="modern restaurant entrance facade"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Hungry? Let's Connect"
|
||||
description="Drop us a line for reservations or inquiries. We'd love to hear from you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929551.jpg?_wi=2"
|
||||
imageAlt="modern restaurant entrance facade"
|
||||
mediaAnimation="slide-up"
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
title="Reserve Your Experience"
|
||||
description="Ready to taste the legacy? Join us for an unforgettable meal."
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Shan-e-Zaika"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Specials",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home" }, { label: "About" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center" }, { label: "Reservations" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Shan-e-Zaika. All rights reserved."
|
||||
bottomLeftText="© 2024 Shah Cuisine"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user