Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c6a1e0939b | |||
| 58eeb58615 |
382
src/app/page.tsx
382
src/app/page.tsx
@@ -7,7 +7,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Flame, Star } from "lucide-react";
|
||||
import { Flame, Star, Truck, Phone, ShoppingBag, Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,22 +27,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Burgers",
|
||||
id: "burgers",
|
||||
},
|
||||
{
|
||||
name: "Chicken",
|
||||
id: "chicken",
|
||||
},
|
||||
{
|
||||
name: "Pizza",
|
||||
id: "pizza",
|
||||
},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "offers",
|
||||
},
|
||||
{ name: "Burgers", id: "burgers" },
|
||||
{ name: "Chicken", id: "chicken" },
|
||||
{ name: "Pizza", id: "pizza" },
|
||||
{ name: "Delivery", id: "delivery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Al Kharsani Chips"
|
||||
/>
|
||||
@@ -51,143 +40,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Taste the Legend of Al Kharsani"
|
||||
description="Authentic, crispy, and delicious. Experience the best fast food in town with our signature recipes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ali Hassan",
|
||||
handle: "@ali_foodie",
|
||||
testimonial: "The best burger I have had in years!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-hamburger_74190-699.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@sarah_eats",
|
||||
testimonial: "Crispy chicken that never disappoints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-chicken-with-french-fries_140725-114483.jpg",
|
||||
},
|
||||
{
|
||||
name: "Omar K.",
|
||||
handle: "@omark",
|
||||
testimonial: "Fast service and amazing quality pizza.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3283.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Zahra",
|
||||
handle: "@fatima_bites",
|
||||
testimonial: "Their fries are perfectly seasoned and crunchy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-chinese-environment-landscape_23-2151918971.jpg",
|
||||
},
|
||||
{
|
||||
name: "Khalid Noor",
|
||||
handle: "@khalid_eats",
|
||||
testimonial: "A true culinary gem in the heart of downtown.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571605.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571589.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571682.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trendy-dressed-young-stylish-couple-sitting-cafe-with-industrial-interior_613910-21758.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-burger-with-bacon_23-2148784472.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beef-hamburger_74190-5907.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/juicy-bacon-cheeseburger_23-2151950563.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HOT OFF THE GRILL",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "CRISPY GOODNESS",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAST SERVICE",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "SIGNATURE FLAVORS",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM INGREDIENTS",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="delivery" data-section="delivery">
|
||||
<div className="py-20 text-center">
|
||||
<h2 className="text-4xl font-bold mb-6">Fast & Reliable Delivery</h2>
|
||||
<p className="max-w-2xl mx-auto mb-10">Get your favorite meals delivered straight to your door. Fresh, hot, and quick.</p>
|
||||
<button className="bg-primary text-white px-8 py-4 rounded-full flex items-center mx-auto gap-2" onClick={() => alert('Ordering functionality active!')}>
|
||||
<ShoppingBag /> Order Online Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="burgers" data-section="burgers">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "b1",
|
||||
name: "Classic Burger",
|
||||
price: "5000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bun-with-sesame-table_140725-9347.jpg",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
name: "Cheese Burger",
|
||||
price: "6500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-lettuce-cheeseburger-fat-close-up_1122-2436.jpg",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
name: "Zinger Burger",
|
||||
price: "7000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomatoes-lettuce-pickles_141793-1135.jpg",
|
||||
},
|
||||
{
|
||||
id: "b4",
|
||||
name: "Double Trouble",
|
||||
price: "9000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-beef-burger-ready-be-served_23-2148290666.jpg",
|
||||
},
|
||||
{
|
||||
id: "b5",
|
||||
name: "Spicy BBQ",
|
||||
price: "7500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-knife-delicious-sandwich-left-side-black-tray-isolated-blurred-surface-with-free-space_179666-42359.jpg",
|
||||
},
|
||||
{
|
||||
id: "b6",
|
||||
name: "Veggie Delight",
|
||||
price: "6000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Our Signature Burgers"
|
||||
description="Juicy, flame-grilled perfection delivered to your plate."
|
||||
/>
|
||||
@@ -199,208 +77,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Zinger Strips",
|
||||
price: "6000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sauce-with-french-fries-fried-chicken_23-2148646569.jpg",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Chicken Bucket",
|
||||
price: "15000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fried-chicken-nuggets-with-two-different-sauces_23-2148646584.jpg",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
name: "Spicy Wings",
|
||||
price: "4500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-cutting-board-with-tomato-sauce_1150-20225.jpg",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
name: "Popcorn Chicken",
|
||||
price: "3500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-fried-chicken-bowl-dark-wood_84443-74902.jpg",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
name: "Chicken Nuggets",
|
||||
price: "4000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fish-chips-concept_23-2148732299.jpg",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
name: "Crispy Fillet",
|
||||
price: "5500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-wooden-plate-with-tomato-sauce_1150-20206.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Crispy Chicken Selection"
|
||||
description="Crunchy on the outside, juicy on the inside."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fries" data-section="fries">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "f1",
|
||||
name: "Large Fries",
|
||||
price: "3000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
name: "Cheese Fries",
|
||||
price: "4500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-basket-with-ketchup-board_141793-4896.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
name: "Potato Wedges",
|
||||
price: "3500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-fries-wooden-table_23-2148262901.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
name: "Curly Fries",
|
||||
price: "4000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-french-fries-inside-plate-dark_140725-154054.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
name: "Onion Rings",
|
||||
price: "3500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries_1339-1403.jpg",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
name: "Side Salad",
|
||||
price: "2500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-potato-fries-bowl_23-2148501579.jpg",
|
||||
},
|
||||
]}
|
||||
title="Fries & Side Cravings"
|
||||
description="The perfect companion for your main course."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pizza" data-section="pizza">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pepperoni Pizza",
|
||||
price: "12000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-pizza-wooden-cutting-board-left-side-dark-blue-surface-with-free-space_179666-42379.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Margherita",
|
||||
price: "10000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kind-pizza-slices-wooden-board_114579-88426.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken BBQ",
|
||||
price: "13000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-served-with-herbs_141793-900.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Veggie Supreme",
|
||||
price: "11000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-dough-with-pepperoni_23-2148601586.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Meat Lovers",
|
||||
price: "14000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/margherita-pizza-with-salt-pepper-shakers-table_140725-8619.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Four Cheese",
|
||||
price: "12500 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-pizza-with-fresh-red-tomatoes-dark-salad-food-dough-cake-color-photo-fast-food_140725-160918.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Wood-Fired Pizzas"
|
||||
description="Fresh dough, premium toppings, and melting cheese."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offers" data-section="offers">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "o1",
|
||||
name: "Family Feast",
|
||||
price: "25000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sandwich-french-fries-table_181624-61641.jpg",
|
||||
},
|
||||
{
|
||||
id: "o2",
|
||||
name: "Duo Burger Deal",
|
||||
price: "11000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-veggie-burger-with-black-buns-cutting-board-with-knife_23-2148784542.jpg",
|
||||
},
|
||||
{
|
||||
id: "o3",
|
||||
name: "Kids Meal",
|
||||
price: "5000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-metal-bucket_84443-81918.jpg",
|
||||
},
|
||||
{
|
||||
id: "o4",
|
||||
name: "Pizza Combo",
|
||||
price: "15000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mouth-watering-neapolitan-pizza-blackboard-with-various-ingredients-free-space-text_78826-2822.jpg",
|
||||
},
|
||||
{
|
||||
id: "o5",
|
||||
name: "Game Night Pack",
|
||||
price: "18000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pizza-with-cheese-red-tomatoes-grey-surface_140725-14475.jpg",
|
||||
},
|
||||
{
|
||||
id: "o6",
|
||||
name: "Quick Bite Deal",
|
||||
price: "7000 IQD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg",
|
||||
},
|
||||
]}
|
||||
title="Special Offers & Meals"
|
||||
description="Exclusive deals for our loyal customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
text="Visit us at Al Kharsani Chips today! Located downtown for your convenience."
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
text="Get in touch with Al Kharsani Chips! Call us for orders or queries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+964000000000",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+964000000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -411,39 +112,24 @@ export default function LandingPage() {
|
||||
logoText="Al Kharsani Chips"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Burgers",
|
||||
href: "#burgers",
|
||||
},
|
||||
{
|
||||
label: "Pizza",
|
||||
href: "#pizza",
|
||||
},
|
||||
{
|
||||
label: "Chicken",
|
||||
href: "#chicken",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Al Kharsani Chips. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--background: #000000;
|
||||
--card: #120000;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta: #E34400;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffdf7d;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000000;
|
||||
--accent: #ffdf7d;
|
||||
--background-accent: #ff0000;
|
||||
--accent: #ff0000;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user