Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4cb93af518 | |||
| 7e1b84504c | |||
| c4a0c0a528 |
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
@@ -24,7 +24,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
@@ -44,6 +44,7 @@ export default function LandingPage() {
|
||||
brandName="Fried Chicken"
|
||||
button={{
|
||||
text: "Order Now", href: "/menu"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
@@ -23,7 +23,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
@@ -43,6 +43,7 @@ export default function LandingPage() {
|
||||
brandName="Fried Chicken"
|
||||
button={{
|
||||
text: "Order Now", href: "/menu"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -22,26 +22,41 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Offers", id: "/offers"},
|
||||
name: "Offers",
|
||||
id: "/offers",
|
||||
},
|
||||
{
|
||||
name: "Branches", id: "/branches"},
|
||||
name: "Branches",
|
||||
id: "/branches",
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-hen-logos_23-2147626216.jpg"
|
||||
logoAlt="Fried Chicken Logo"
|
||||
brandName="Fried Chicken"
|
||||
button={{
|
||||
text: "Order Now", href: "/menu"}}
|
||||
text: "Order Now",
|
||||
href: "/menu",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,7 +64,8 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static"}}
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="We'd Love to Hear From You"
|
||||
description="Have a question, feedback, or a catering inquiry? Reach out to us through the form below or connect on social media. We're here to help!\n\nWhatsApp: +964 7XX XXX XXXX\nFacebook: FriedChickenIQ\nInstagram: @FriedChickenIQ"
|
||||
@@ -63,37 +79,62 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Buckets", href: "/menu"},
|
||||
label: "Buckets",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Sandwiches", href: "/menu"},
|
||||
label: "Sandwiches",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Broasted Chicken", href: "/menu"},
|
||||
label: "Broasted Chicken",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Sides & Drinks", href: "/menu"},
|
||||
label: "Sides & Drinks",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Branches", href: "/branches"},
|
||||
label: "Our Branches",
|
||||
href: "/branches",
|
||||
},
|
||||
{
|
||||
label: "Offers", href: "/offers"},
|
||||
label: "Offers",
|
||||
href: "/offers",
|
||||
},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com/FriedChickenIQ"},
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/FriedChickenIQ",
|
||||
},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/FriedChickenIQ"},
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/FriedChickenIQ",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/9647xxxxxxxx"},
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/9647xxxxxxxx",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -22,26 +22,41 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Offers", id: "/offers"},
|
||||
name: "Offers",
|
||||
id: "/offers",
|
||||
},
|
||||
{
|
||||
name: "Branches", id: "/branches"},
|
||||
name: "Branches",
|
||||
id: "/branches",
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-hen-logos_23-2147626216.jpg"
|
||||
logoAlt="Fried Chicken Logo"
|
||||
brandName="Fried Chicken"
|
||||
button={{
|
||||
text: "Order Now", href: "/menu"}}
|
||||
text: "Order Now",
|
||||
href: "/menu",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,41 +68,125 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1", brand: "Buckets", name: "Classic 8-Piece Bucket", price: "IQD 20,000", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-wings-tray-with-green-onions-fork_23-2148699037.jpg", imageAlt: "Classic 8-Piece Bucket"},
|
||||
id: "m1",
|
||||
brand: "Buckets",
|
||||
name: "Classic 8-Piece Bucket",
|
||||
price: "IQD 20,000",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-wings-tray-with-green-onions-fork_23-2148699037.jpg",
|
||||
imageAlt: "Classic 8-Piece Bucket",
|
||||
},
|
||||
{
|
||||
id: "m2", brand: "Buckets", name: "Family Feast Bucket", price: "IQD 35,000", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-french-fries_23-2148910361.jpg", imageAlt: "Family Feast Bucket"},
|
||||
id: "m2",
|
||||
brand: "Buckets",
|
||||
name: "Family Feast Bucket",
|
||||
price: "IQD 35,000",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-french-fries_23-2148910361.jpg",
|
||||
imageAlt: "Family Feast Bucket",
|
||||
},
|
||||
{
|
||||
id: "m3", brand: "Zinger Sandwiches", name: "Zinger Supreme Sandwich", price: "IQD 7,500", rating: 4,
|
||||
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-pieces-burger-tray_23-2148699052.jpg", imageAlt: "Zinger Supreme Sandwich"},
|
||||
id: "m3",
|
||||
brand: "Zinger Sandwiches",
|
||||
name: "Zinger Supreme Sandwich",
|
||||
price: "IQD 7,500",
|
||||
rating: 4,
|
||||
reviewCount: "198",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-pieces-burger-tray_23-2148699052.jpg",
|
||||
imageAlt: "Zinger Supreme Sandwich",
|
||||
},
|
||||
{
|
||||
id: "m4", brand: "Zinger Sandwiches", name: "Spicy Zinger Meal", price: "IQD 12,000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-plate-fastfood-appetizing-french-fries-chicken-wings-lemon-with-three-types-sauces-dark-background_140725-110462.jpg", imageAlt: "Spicy Zinger Meal"},
|
||||
id: "m4",
|
||||
brand: "Zinger Sandwiches",
|
||||
name: "Spicy Zinger Meal",
|
||||
price: "IQD 12,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-plate-fastfood-appetizing-french-fries-chicken-wings-lemon-with-three-types-sauces-dark-background_140725-110462.jpg",
|
||||
imageAlt: "Spicy Zinger Meal",
|
||||
},
|
||||
{
|
||||
id: "m5", brand: "Broasted Chicken", name: "Broasted Half Chicken", price: "IQD 10,000", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/chicken-appetizing-chicken-with-lemon-herbs-tomatoes-sauce-spices-oil_140725-73747.jpg", imageAlt: "Broasted Half Chicken"},
|
||||
id: "m5",
|
||||
brand: "Broasted Chicken",
|
||||
name: "Broasted Half Chicken",
|
||||
price: "IQD 10,000",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-appetizing-chicken-with-lemon-herbs-tomatoes-sauce-spices-oil_140725-73747.jpg",
|
||||
imageAlt: "Broasted Half Chicken",
|
||||
},
|
||||
{
|
||||
id: "m6", brand: "Broasted Chicken", name: "Broasted Full Chicken", price: "IQD 18,000", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/nuggets-with-fried-potatoes-noodles_114579-19734.jpg", imageAlt: "Broasted Full Chicken"},
|
||||
id: "m6",
|
||||
brand: "Broasted Chicken",
|
||||
name: "Broasted Full Chicken",
|
||||
price: "IQD 18,000",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nuggets-with-fried-potatoes-noodles_114579-19734.jpg",
|
||||
imageAlt: "Broasted Full Chicken",
|
||||
},
|
||||
{
|
||||
id: "m7", brand: "Chicken Strips", name: "6-Piece Crispy Strips", price: "IQD 8,000", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-grilled-sausage-sticks-piece-lettuce-served-with-ketchup_114579-71807.jpg", imageAlt: "6-Piece Crispy Strips"},
|
||||
id: "m7",
|
||||
brand: "Chicken Strips",
|
||||
name: "6-Piece Crispy Strips",
|
||||
price: "IQD 8,000",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-nuggets-grilled-sausage-sticks-piece-lettuce-served-with-ketchup_114579-71807.jpg",
|
||||
imageAlt: "6-Piece Crispy Strips",
|
||||
},
|
||||
{
|
||||
id: "m8", brand: "Wings", name: "Spicy Hot Wings (6pcs)", price: "IQD 8,000", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/batter-fried-prawns-wood_1339-7721.jpg", imageAlt: "Spicy Hot Wings"},
|
||||
id: "m8",
|
||||
brand: "Wings",
|
||||
name: "Spicy Hot Wings (6pcs)",
|
||||
price: "IQD 8,000",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batter-fried-prawns-wood_1339-7721.jpg",
|
||||
imageAlt: "Spicy Hot Wings",
|
||||
},
|
||||
{
|
||||
id: "m9", brand: "Family Meals", name: "Kids Meal with Toy", price: "IQD 7,000", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/pan-with-chicken-near-ketchup-beer_23-2147717022.jpg", imageAlt: "Kids Meal with Toy"},
|
||||
id: "m9",
|
||||
brand: "Family Meals",
|
||||
name: "Kids Meal with Toy",
|
||||
price: "IQD 7,000",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pan-with-chicken-near-ketchup-beer_23-2147717022.jpg",
|
||||
imageAlt: "Kids Meal with Toy",
|
||||
},
|
||||
{
|
||||
id: "m10", brand: "Fries", name: "Large Golden Fries", price: "IQD 3,000", rating: 5,
|
||||
reviewCount: "301", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-plate-with-ketchup-bowl_23-2148701491.jpg", imageAlt: "Large Golden Fries"},
|
||||
id: "m10",
|
||||
brand: "Fries",
|
||||
name: "Large Golden Fries",
|
||||
price: "IQD 3,000",
|
||||
rating: 5,
|
||||
reviewCount: "301",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-plate-with-ketchup-bowl_23-2148701491.jpg",
|
||||
imageAlt: "Large Golden Fries",
|
||||
},
|
||||
{
|
||||
id: "m11", brand: "Drinks", name: "Refreshing Cola", price: "IQD 1,500", rating: 4,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beverage-tall-glass_23-2148437037.jpg", imageAlt: "Refreshing Cola"},
|
||||
id: "m11",
|
||||
brand: "Drinks",
|
||||
name: "Refreshing Cola",
|
||||
price: "IQD 1,500",
|
||||
rating: 4,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beverage-tall-glass_23-2148437037.jpg",
|
||||
imageAlt: "Refreshing Cola",
|
||||
},
|
||||
{
|
||||
id: "m12", brand: "Sauces", name: "Creamy Garlic Sauce", price: "IQD 1,000", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/spicy-chicken-meat-wooden-board-with-sauces_114579-19647.jpg", imageAlt: "Creamy Garlic Sauce"},
|
||||
id: "m12",
|
||||
brand: "Sauces",
|
||||
name: "Creamy Garlic Sauce",
|
||||
price: "IQD 1,000",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-chicken-meat-wooden-board-with-sauces_114579-19647.jpg",
|
||||
imageAlt: "Creamy Garlic Sauce",
|
||||
},
|
||||
]}
|
||||
title="Our Full Menu"
|
||||
description="Explore all our delicious offerings, from classic fried chicken to refreshing drinks and tempting sides."
|
||||
@@ -98,37 +197,62 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Buckets", href: "/menu"},
|
||||
label: "Buckets",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Sandwiches", href: "/menu"},
|
||||
label: "Sandwiches",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Broasted Chicken", href: "/menu"},
|
||||
label: "Broasted Chicken",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Sides & Drinks", href: "/menu"},
|
||||
label: "Sides & Drinks",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Branches", href: "/branches"},
|
||||
label: "Our Branches",
|
||||
href: "/branches",
|
||||
},
|
||||
{
|
||||
label: "Offers", href: "/offers"},
|
||||
label: "Offers",
|
||||
href: "/offers",
|
||||
},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com/FriedChickenIQ"},
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/FriedChickenIQ",
|
||||
},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/FriedChickenIQ"},
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/FriedChickenIQ",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/9647xxxxxxxx"},
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/9647xxxxxxxx",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -110,7 +110,7 @@ export default function LandingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Family Pack", title: "Feast for Four", subtitle: "8pcs chicken, family fries & salad", description: "Perfect for sharing with family and friends, featuring generous portions of our famous fried chicken.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-chicken-nuggets_23-2148314146.jpg", imageAlt: "Family Feast Offer", buttons: [
|
||||
tag: "Family Pack", title: "Feast for Four", subtitle: "8pcs chicken, family fries & salad", description: "Perfect for sharing with family and friends, featuring generous portions of our famous fried chicken.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-chicken-nuggets_23-2148314146.jpg?_wi=1", imageAlt: "Family Feast Offer", buttons: [
|
||||
{
|
||||
text: "View Deal", href: "/offers"},
|
||||
],
|
||||
@@ -129,23 +129,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Fried Chicken", name: "Classic Chicken Bucket", price: "IQD 15,000", rating: 5,
|
||||
id: "p1", brand: "Fried Chicken", name: "Classic Chicken Bucket (8 pcs)", price: "IQD 25,000", rating: 5,
|
||||
reviewCount: "256", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187929.jpg", imageAlt: "Classic Chicken Bucket"},
|
||||
{
|
||||
id: "p2", brand: "Fried Chicken", name: "Zinger Supreme Sandwich", price: "IQD 7,500", rating: 4,
|
||||
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-with-fried-onion-rings_23-2147684581.jpg", imageAlt: "Zinger Supreme Sandwich"},
|
||||
id: "p2", brand: "Fried Chicken", name: "Zinger Supreme Sandwich Meal", price: "IQD 10,000", rating: 4,
|
||||
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-dogs-with-fried-onion-rings_23-2147684581.jpg", imageAlt: "Zinger Supreme Sandwich Meal"},
|
||||
{
|
||||
id: "p3", brand: "Fried Chicken", name: "Broasted Chicken Combo", price: "IQD 12,000", rating: 5,
|
||||
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062777.jpg", imageAlt: "Broasted Chicken Combo"},
|
||||
id: "p3", brand: "Fried Chicken", name: "Broasted Chicken Platter (4 pcs)", price: "IQD 18,000", rating: 5,
|
||||
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062777.jpg", imageAlt: "Broasted Chicken Platter"},
|
||||
{
|
||||
id: "p4", brand: "Fried Chicken", name: "Crispy Chicken Strips", price: "IQD 6,000", rating: 4,
|
||||
id: "p4", brand: "Fried Chicken", name: "Crispy Chicken Strips (6 pcs)", price: "IQD 9,000", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/woman-sticking-great-britain-flag-fish-chips-dish-paper-cup_23-2148784934.jpg", imageAlt: "Crispy Chicken Strips Platter"},
|
||||
{
|
||||
id: "p5", brand: "Fried Chicken", name: "Fiery Hot Wings", price: "IQD 8,000", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/appetizing-glazed-sesame-chicken-wings-dark-bowl_84443-85767.jpg", imageAlt: "Fiery Hot Wings"},
|
||||
id: "p5", brand: "Fried Chicken", name: "Spicy Hot Wings (10 pcs)", price: "IQD 12,000", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/appetizing-glazed-sesame-chicken-wings-dark-bowl_84443-85767.jpg", imageAlt: "Spicy Hot Wings"},
|
||||
{
|
||||
id: "p6", brand: "Fried Chicken", name: "Golden French Fries", price: "IQD 3,000", rating: 5,
|
||||
reviewCount: "301", imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-ketchup-juice_140725-3649.jpg", imageAlt: "Golden French Fries"},
|
||||
id: "p6", brand: "Fried Chicken", name: "Chicken Nuggets (10 pcs)", price: "IQD 7,000", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-chicken-nuggets_23-2148314146.jpg?_wi=2", imageAlt: "Chicken Nuggets"},
|
||||
{
|
||||
id: "p7", brand: "Fried Chicken", name: "Coleslaw Salad", price: "IQD 4,000", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-bowl-with-fresh-ingredients_23-2149179043.jpg", imageAlt: "Coleslaw Salad"},
|
||||
{
|
||||
id: "p8", brand: "Fried Chicken", name: "Large French Fries", price: "IQD 5,000", rating: 5,
|
||||
reviewCount: "301", imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-ketchup-juice_140725-3649.jpg", imageAlt: "Large French Fries"},
|
||||
{
|
||||
id: "p9", brand: "Fried Chicken", name: "Soft Drink (Can)", price: "IQD 2,000", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soda-drink-ice-cup_140725-78224.jpg", imageAlt: "Soft Drink Can"},
|
||||
{
|
||||
id: "p10", brand: "Fried Chicken", name: "Chicken Shawarma Wrap", price: "IQD 8,500", rating: 4,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/homemade-shawarma-pita-plate_23-2148967520.jpg", imageAlt: "Chicken Shawarma Wrap"}
|
||||
]}
|
||||
title="Our Most Popular Choices"
|
||||
description="Discover what everyone's craving from our diverse menu, from classic buckets to spicy zingers."
|
||||
|
||||
99
src/components/BranchSelector.tsx
Normal file
99
src/components/BranchSelector.tsx
Normal file
@@ -0,0 +1,99 @@
|
||||
"use client";
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import { MapPin, Phone, Mail, Clock } from 'lucide-react';
|
||||
|
||||
interface Branch {
|
||||
id: string;
|
||||
name: string;
|
||||
address: string;
|
||||
phone: string;
|
||||
email: string;
|
||||
hours: string;
|
||||
}
|
||||
|
||||
const branches: Branch[] = [
|
||||
{
|
||||
id: 'baghdad-main',
|
||||
name: 'Baghdad Main Branch',
|
||||
address: '123 Main St, Baghdad',
|
||||
phone: '+964 770 123 4567',
|
||||
email: 'baghdad.main@friedchicken.iq',
|
||||
hours: 'Mon-Sun: 10:00 AM - 11:00 PM',
|
||||
},
|
||||
{
|
||||
id: 'erbil-city',
|
||||
name: 'Erbil City Center',
|
||||
address: '456 Erbil Rd, Erbil',
|
||||
phone: '+964 750 987 6543',
|
||||
email: 'erbil.city@friedchicken.iq',
|
||||
hours: 'Mon-Sat: 11:00 AM - 10:00 PM',
|
||||
},
|
||||
{
|
||||
id: 'basra-port',
|
||||
name: 'Basra Port Area',
|
||||
address: '789 Port Ave, Basra',
|
||||
phone: '+964 780 112 2334',
|
||||
email: 'basra.port@friedchicken.iq',
|
||||
hours: 'Mon-Sun: 09:00 AM - 10:00 PM',
|
||||
},
|
||||
];
|
||||
|
||||
export default function BranchSelector() {
|
||||
const [selectedBranchId, setSelectedBranchId] = useState<string>(branches[0].id);
|
||||
const selectedBranch = branches.find(branch => branch.id === selectedBranchId);
|
||||
|
||||
return (
|
||||
<div className="relative z-10 p-4 bg-background/80 backdrop-blur-sm rounded-lg shadow-lg max-w-md mx-auto mt-8 mb-4">
|
||||
<h3 className="text-xl font-semibold mb-4 text-foreground text-center">Select Your Branch</h3>
|
||||
<div className="relative">
|
||||
<select
|
||||
value={selectedBranchId}
|
||||
onChange={(e) => setSelectedBranchId(e.target.value)}
|
||||
className="block w-full px-4 py-2 pr-8 text-foreground bg-card border border-card-border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-cta focus:border-primary-cta appearance-none"
|
||||
aria-label="Select a branch"
|
||||
>
|
||||
{branches.map((branch) => (
|
||||
<option key={branch.id} value={branch.id}>
|
||||
{branch.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-foreground">
|
||||
<svg
|
||||
className="h-4 w-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{selectedBranch && (
|
||||
<div className="mt-6 p-4 border border-card-border rounded-md bg-card text-foreground">
|
||||
<h4 className="text-lg font-medium mb-2">{selectedBranch.name}</h4>
|
||||
<p className="flex items-center text-sm mb-1">
|
||||
<MapPin className="mr-2 h-4 w-4 text-accent" /> {selectedBranch.address}
|
||||
</p>
|
||||
<p className="flex items-center text-sm mb-1">
|
||||
<Phone className="mr-2 h-4 w-4 text-accent" /> {selectedBranch.phone}
|
||||
</p>
|
||||
<p className="flex items-center text-sm mb-1">
|
||||
<Mail className="mr-2 h-4 w-4 text-accent" /> {selectedBranch.email}
|
||||
</p>
|
||||
<p className="flex items-center text-sm">
|
||||
<Clock className="mr-2 h-4 w-4 text-accent" /> {selectedBranch.hours}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user