Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit Us", id: "contact"},
|
||||
]}
|
||||
brandName="THE 80s"
|
||||
/>
|
||||
@@ -58,86 +48,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="THE 80s"
|
||||
description="Burger & Shakes — Retro Taste. Modern Perfection. Juicy smashed burgers, soft buns, and thick classic shakes."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Prime Beef",
|
||||
},
|
||||
value: "100%", label: "Prime Beef"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Vibe",
|
||||
},
|
||||
value: "24/7", label: "Vibe"},
|
||||
{
|
||||
value: "1st",
|
||||
label: "Erbil Choice",
|
||||
},
|
||||
value: "1st", label: "Erbil Choice"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hamburger-plate_23-2148263001.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hamburger-plate_23-2148263001.jpg"
|
||||
imageAlt="Premium 80s burger"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-couple-date-meeting-drink-wine-restaurant_613910-7260.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-couple-date-meeting-drink-wine-restaurant_613910-7260.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-happy-woman-eating-pasta-dining-table_637285-10242.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-happy-woman-eating-pasta-dining-table_637285-10242.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Join 1,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% FRESH BEEF",
|
||||
icon: Beef,
|
||||
type: "text-icon", text: "100% FRESH BEEF", icon: Beef,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "RETRO VIBE",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "RETRO VIBE", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "LATE NIGHT BITES",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "LATE NIGHT BITES", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ARTISAN BUNS",
|
||||
icon: Wheat,
|
||||
type: "text-icon", text: "ARTISAN BUNS", icon: Wheat,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "THICK SHAKES",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "THICK SHAKES", icon: Coffee,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -150,19 +109,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Smashed Daily",
|
||||
value: "Fresh",
|
||||
},
|
||||
label: "Smashed Daily", value: "Fresh"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Late Night",
|
||||
value: "Open",
|
||||
},
|
||||
label: "Late Night", value: "Open"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Atmosphere",
|
||||
value: "Retro",
|
||||
},
|
||||
label: "Atmosphere", value: "Retro"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -176,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "California Burger",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board-arrangement_23-2149897394.jpg?_wi=1",
|
||||
imageAlt: "California Burger",
|
||||
},
|
||||
id: "1", name: "California Burger", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board-arrangement_23-2149897394.jpg", imageAlt: "California Burger"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Oklahoma Burger",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-4801.jpg?_wi=1",
|
||||
imageAlt: "Oklahoma Burger",
|
||||
},
|
||||
id: "2", name: "Oklahoma Burger", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-4801.jpg", imageAlt: "Oklahoma Burger"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Shake",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cacao-drink-with-chocolate-syrup-whipped-cream_140725-6928.jpg?_wi=1",
|
||||
imageAlt: "Classic Shake",
|
||||
},
|
||||
id: "3", name: "Classic Shake", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/glass-cacao-drink-with-chocolate-syrup-whipped-cream_140725-6928.jpg", imageAlt: "Classic Shake"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Caramel Shake",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-hot-chocolate-decorated-with-cinnamon-sticks-stone-background_114579-83527.jpg",
|
||||
imageAlt: "Caramel Shake",
|
||||
},
|
||||
id: "4", name: "Caramel Shake", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/glass-hot-chocolate-decorated-with-cinnamon-sticks-stone-background_114579-83527.jpg", imageAlt: "Caramel Shake"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Burger",
|
||||
price: "$13",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheeseburger-board_23-2148784508.jpg",
|
||||
imageAlt: "Signature Burger",
|
||||
},
|
||||
id: "5", name: "Signature Burger", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheeseburger-board_23-2148784508.jpg", imageAlt: "Signature Burger"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rich Choco Shake",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-iced-coffee-drink-garnished-with-sweet-cotton-pink_140725-6940.jpg",
|
||||
imageAlt: "Rich Choco Shake",
|
||||
},
|
||||
id: "6", name: "Rich Choco Shake", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/glass-iced-coffee-drink-garnished-with-sweet-cotton-pink_140725-6940.jpg", imageAlt: "Rich Choco Shake"},
|
||||
]}
|
||||
title="Our Signatures"
|
||||
description="Premium smashed burgers and thick classic shakes, crafted to perfection."
|
||||
@@ -230,36 +153,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smashed Daily",
|
||||
description: "100% premium beef, never frozen.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-plate_23-2148263001.jpg?_wi=2",
|
||||
imageAlt: "cinematic juicy gourmet burger dark background",
|
||||
title: "Smashed Daily", description: "100% premium beef, never frozen.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Artisan Buns",
|
||||
description: "Ultra-soft and freshly toasted.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wheat,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board-arrangement_23-2149897394.jpg?_wi=2",
|
||||
imageAlt: "california burger premium ingredients",
|
||||
title: "Artisan Buns", description: "Ultra-soft and freshly toasted.", bentoComponent: "reveal-icon", icon: Wheat
|
||||
},
|
||||
{
|
||||
title: "Classic Shakes",
|
||||
description: "Thick, creamy, and nostalgic.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-french-fries_74190-4801.jpg?_wi=2",
|
||||
imageAlt: "oklahoma onion smash burger",
|
||||
title: "Classic Shakes", description: "Thick, creamy, and nostalgic.", bentoComponent: "reveal-icon", icon: Coffee
|
||||
},
|
||||
{
|
||||
title: "Curly Fries",
|
||||
description: "Perfectly seasoned and crispy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Beef,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cacao-drink-with-chocolate-syrup-whipped-cream_140725-6928.jpg?_wi=2",
|
||||
imageAlt: "thick chocolate classic milkshake",
|
||||
title: "Curly Fries", description: "Perfectly seasoned and crispy.", bentoComponent: "reveal-icon", icon: Beef
|
||||
},
|
||||
]}
|
||||
title="The 80s Experience"
|
||||
@@ -274,59 +177,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
company: "Erbil Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-couple-date-meeting-drink-wine-restaurant_613910-7260.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Foodie", company: "Erbil Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-couple-date-meeting-drink-wine-restaurant_613910-7260.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed K.",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
},
|
||||
id: "2", name: "Ahmed K.", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Visitor",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Visitor", company: "Tourist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Blogger",
|
||||
company: "FoodTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-happy-woman-eating-pasta-dining-table_637285-10242.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Blogger", company: "FoodTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-happy-woman-eating-pasta-dining-table_637285-10242.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya S.",
|
||||
role: "Chef",
|
||||
company: "Home Kitchen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
},
|
||||
id: "5", name: "Maya S.", role: "Chef", company: "Home Kitchen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "1k+",
|
||||
label: "Burgers Served",
|
||||
},
|
||||
value: "1k+", label: "Burgers Served"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfied",
|
||||
},
|
||||
value: "100%", label: "Satisfied"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our guests in Erbil have to say."
|
||||
@@ -337,20 +209,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Taste the 80s Today"
|
||||
description="Join us in Erbil for an unforgettable retro experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Visit Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -359,13 +226,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="THE 80s"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 The 80s Erbil",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 The 80s Erbil", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user