Merge version_2 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
@@ -30,67 +30,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shahi Zaiqa"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
}}
|
||||
text: "Order Now", href: "#order"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Royal Taste of Pakistan"
|
||||
description="Authentic recipes, bold spices, and food crafted with care. Dine in or order takeaway from High Wycombe's most trusted Pakistani restaurant."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-young-couple-dining-at-a-r-1774784226824-7a3c1960.png",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/professional-diner-elegant-clothing-1774784226869-fd8900ac.png",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/family-enjoying-a-high-end-restaurant-me-1774784226551-816a4c1b.png",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png", alt: "Diner 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-young-couple-dining-at-a-r-1774784226824-7a3c1960.png", alt: "Diner 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/professional-diner-elegant-clothing-1774784226869-fd8900ac.png", alt: "Diner 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/family-enjoying-a-high-end-restaurant-me-1774784226551-816a4c1b.png", alt: "Diner 4" },
|
||||
]}
|
||||
avatarText="48★ rating from 180 customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "#order" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -100,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Heritage"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Loyal Customers",
|
||||
value: "5k+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{ icon: Flame, label: "Years Experience", value: "15+" },
|
||||
{ icon: Award, label: "Loyal Customers", value: "5k+" },
|
||||
{ icon: Star, label: "Rating", value: "4.8" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,27 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Traditional Spices",
|
||||
description: "Authentic, handcrafted spice blends.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-a-traditional-pakistani-dish-1774784226196-34f6072f.png",
|
||||
imageAlt: "Spices",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fresh Ingredients",
|
||||
description: "Local produce meets global quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/premium-chapli-kebabs-on-a-slate-plate-g-1774784226884-092cbcd9.png?_wi=1",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Warm Hospitality",
|
||||
description: "Service that feels like royalty.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/authentic-biryani-dish-served-in-a-gold--1774784227569-b41135fd.png?_wi=1",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
{ id: "1", title: "Traditional Spices", description: "Authentic, handcrafted spice blends.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-a-traditional-pakistani-dish-1774784226196-34f6072f.png" },
|
||||
{ id: "2", title: "Fresh Ingredients", description: "Local produce meets global quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/premium-chapli-kebabs-on-a-slate-plate-g-1774784226884-092cbcd9.png" },
|
||||
{ id: "3", title: "Warm Hospitality", description: "Service that feels like royalty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/authentic-biryani-dish-served-in-a-gold--1774784227569-b41135fd.png" },
|
||||
]}
|
||||
title="Our Kitchen Philosophy"
|
||||
description="We source the finest local ingredients and combine them with authentic spices directly imported from Pakistan."
|
||||
@@ -161,27 +94,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chapli Kebab Platter",
|
||||
price: "£14.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/premium-chapli-kebabs-on-a-slate-plate-g-1774784226884-092cbcd9.png?_wi=2",
|
||||
imageAlt: "Chapli Kebab",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Royal Shahi Biryani",
|
||||
price: "£12.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/authentic-biryani-dish-served-in-a-gold--1774784227569-b41135fd.png?_wi=2",
|
||||
imageAlt: "Biryani",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tandoori Naan Basket",
|
||||
price: "£4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/freshly-baked-naan-bread-basket-warm-lig-1774784227003-4fc5fa6c.png",
|
||||
imageAlt: "Naan",
|
||||
},
|
||||
{ id: "p1", name: "Chapli Kebab Platter", price: "£14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/premium-chapli-kebabs-on-a-slate-plate-g-1774784226884-092cbcd9.png" },
|
||||
{ id: "p2", name: "Royal Shahi Biryani", price: "£12.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/authentic-biryani-dish-served-in-a-gold--1774784227569-b41135fd.png" },
|
||||
{ id: "p3", name: "Tandoori Naan Basket", price: "£4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/freshly-baked-naan-bread-basket-warm-lig-1774784227003-4fc5fa6c.png" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Experience our most popular, authentic dishes prepared fresh daily."
|
||||
@@ -190,91 +105,39 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Guests Say"
|
||||
description="Join our community of satisfied diners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Incredible",
|
||||
quote: "The chapli kebabs are absolutely sensational!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
date: "Sept 2023",
|
||||
title: "Best in High Wycombe",
|
||||
quote: "Authentic flavors and great service.",
|
||||
tag: "New",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-young-couple-dining-at-a-r-1774784226824-7a3c1960.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-young-couple-dining-at-a-r-1774784226824-7a3c1960.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Aug 2023",
|
||||
title: "Royal Taste",
|
||||
quote: "The food tasted like home in Pakistan.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/professional-diner-elegant-clothing-1774784226869-fd8900ac.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/professional-diner-elegant-clothing-1774784226869-fd8900ac.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "July 2023",
|
||||
title: "Top Tier",
|
||||
quote: "Consistently excellent experience.",
|
||||
tag: "Local",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/family-enjoying-a-high-end-restaurant-me-1774784226551-816a4c1b.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/family-enjoying-a-high-end-restaurant-me-1774784226551-816a4c1b.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima A.",
|
||||
date: "June 2023",
|
||||
title: "Authentic",
|
||||
quote: "Absolutely the best desi food in town.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Incredible", quote: "The chapli kebabs are absolutely sensational!", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-happy-customer-warm-lighti-1774784226353-4f784618.png" },
|
||||
{ id: "2", name: "Michael C.", date: "Sept 2023", title: "Best in High Wycombe", quote: "Authentic flavors and great service.", tag: "New", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/portrait-of-a-young-couple-dining-at-a-r-1774784226824-7a3c1960.png" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join our community of satisfied diners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Dine with Royalty"
|
||||
description="Book a table or reach out to us for catering inquiries."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-restaurant-decor-intricate-g-1774784227591-59d97608.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Reach out for table bookings or catering inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message here", rows: 4 }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Shahi Zaiqa"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-restaurant-decor-intricate-g-1774784227591-59d97608.png"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Order Online", href: "#order" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "High Wycombe, UK", href: "#" }, { label: "+44 123 456 789", href: "#" }] }
|
||||
]}
|
||||
logoText="Shahi Zaiqa"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user