Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 04f1cf5530 | |||
| a8aad9b322 | |||
| f4f3f1f8d3 | |||
| d382bbe65a | |||
| d47fb6ef40 |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -3,9 +3,9 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
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 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 HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
@@ -30,67 +30,30 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "menu" },
|
||||||
id: "home",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Shahi Zaiqa"
|
brandName="Shahi Zaiqa"
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "#order"}}
|
||||||
href: "#order",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="A Royal Taste of Pakistan"
|
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."
|
description="Authentic recipes, bold spices, and food crafted with care. Dine in or order takeaway from High Wycombe's most trusted Pakistani restaurant."
|
||||||
avatars={[
|
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-happy-customer-warm-lighti-1774784226353-4f784618.png",
|
{ 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" },
|
||||||
alt: "Diner 1",
|
{ 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-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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="48★ rating from 180 customers"
|
avatarText="48★ rating from 180 customers"
|
||||||
buttons={[
|
buttons={[{ text: "Order Now", href: "#order" }]}
|
||||||
{
|
|
||||||
text: "Order Now",
|
|
||||||
href: "#order",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -100,21 +63,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Culinary Heritage"
|
title="Our Culinary Heritage"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Flame, label: "Years Experience", value: "15+" },
|
||||||
icon: Flame,
|
{ icon: Award, label: "Loyal Customers", value: "5k+" },
|
||||||
label: "Years Experience",
|
{ icon: Star, label: "Rating", value: "4.8" },
|
||||||
value: "15+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
label: "Loyal Customers",
|
|
||||||
value: "5k+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Star,
|
|
||||||
label: "Rating",
|
|
||||||
value: "4.8",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -127,27 +78,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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" },
|
||||||
id: "1",
|
{ 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" },
|
||||||
title: "Traditional Spices",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Kitchen Philosophy"
|
title="Our Kitchen Philosophy"
|
||||||
description="We source the finest local ingredients and combine them with authentic spices directly imported from Pakistan."
|
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"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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" },
|
||||||
id: "p1",
|
{ 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" },
|
||||||
name: "Chapli Kebab Platter",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Dishes"
|
title="Signature Dishes"
|
||||||
description="Experience our most popular, authentic dishes prepared fresh daily."
|
description="Experience our most popular, authentic dishes prepared fresh daily."
|
||||||
@@ -190,91 +105,39 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardFive
|
||||||
|
title="What Our Guests Say"
|
||||||
|
description="Join our community of satisfied diners."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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" },
|
||||||
id: "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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Guests Say"
|
|
||||||
description="Join our community of satisfied diners."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
title="Contact Us"
|
||||||
background={{
|
description="Reach out for table bookings or catering inquiries."
|
||||||
variant: "radial-gradient",
|
inputs={[
|
||||||
}}
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||||
tag="Visit Us"
|
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||||
title="Dine with Royalty"
|
]}
|
||||||
description="Book a table or reach out to us for catering inquiries."
|
textarea={{ name: "message", placeholder: "Your message here", rows: 4 }}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-restaurant-decor-intricate-g-1774784227591-59d97608.png"
|
useInvertedBackground={false}
|
||||||
mediaAnimation="slide-up"
|
/>
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterMedia
|
||||||
logoText="Shahi Zaiqa"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcN28SyttXJOEmfUiy6XTR3BI6/close-up-of-restaurant-decor-intricate-g-1774784227591-59d97608.png"
|
||||||
leftLink={{
|
columns={[
|
||||||
text: "Privacy Policy",
|
{ title: "Quick Links", items: [{ label: "Order Online", href: "#order" }, { label: "Our Story", href: "#about" }] },
|
||||||
href: "#",
|
{ title: "Contact", items: [{ label: "High Wycombe, UK", href: "#" }, { label: "+44 123 456 789", href: "#" }] }
|
||||||
}}
|
]}
|
||||||
rightLink={{
|
logoText="Shahi Zaiqa"
|
||||||
text: "Terms of Service",
|
/>
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user