Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ef6ba9d875 | |||
| 6e1f780f4a | |||
| 95d32545c8 | |||
| 1bba2d91c8 | |||
| 5ca5c39932 | |||
| 763a56ed40 | |||
| 8f4f5d9ac6 | |||
| c3c7a6216c | |||
| 4bb57947ee | |||
| 09571a0095 | |||
| 4e245dc5e9 |
416
src/app/page.tsx
416
src/app/page.tsx
@@ -4,15 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Clock, Flame, Smile, Star, Utensils, Zap } from "lucide-react";
|
||||
import { Flame, Zap, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,359 +24,68 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Burger Shock"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Burger Shock"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Feel the Shock in Every Bite"
|
||||
description="Burger Shock.jo - Fresh. Juicy. Unforgettable. Experience the ultimate burger experience in Amman."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/burger-bread-bun-with-meat-french-fries_114579-3535.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hamburger-along-with-french-fries-grey-surface_140725-14438.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hamburger-with-french-fries-table_140725-9826.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 1000+ foodies in Amman"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Fresh Beef",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Electric Flavor",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Homemade Buns",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Feel the Shock in Every Bite"
|
||||
description="Experience the ultimate burger journey at Burger Shock.jo."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373327-vgpxt238.jpg?_wi=1", imageAlt: "Gallery Image 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-x7use921.jpg", imageAlt: "Gallery Image 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-sovaknwa.jpg", imageAlt: "Gallery Image 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-49uo4zg7.jpg", imageAlt: "Gallery Image 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373328-e54qr6u6.jpg", imageAlt: "Gallery Image 5" }
|
||||
]}
|
||||
buttons={[{ text: "Order Now", href: "tel:0791006361" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Burger Shock?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Fresh Meat",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Shock Factor",
|
||||
value: "10/10",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Prep Time",
|
||||
value: "Fast",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Dedication"
|
||||
metrics={[
|
||||
{ icon: Flame, label: "Premium Quality", value: "100% Fresh" },
|
||||
{ icon: Zap, label: "Flavor", value: "Max" },
|
||||
{ icon: Clock, label: "Preparation", value: "Handcrafted" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shock Burger",
|
||||
price: "5.25 JD",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-7ejmqijq.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smash Shock",
|
||||
price: "5.25 JD",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-4e7vapwg.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mushroom Charge",
|
||||
price: "4.99 JD",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-csl4qox8.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Smoke Power",
|
||||
price: "4.99 JD",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-eymlyr2e.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Honey Chicken",
|
||||
price: "3.75 JD",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dynamite Shrimps",
|
||||
price: "4.50 JD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-mayonnaise_140725-6709.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Shockers"
|
||||
description="Discover our handcrafted, high-quality burgers made with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Experience the shock for yourself. Visit us today in Dahiya Al Rashid!"
|
||||
buttons={[
|
||||
{ text: "Call Us", href: "tel:0791006361" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "combo",
|
||||
badge: "Popular",
|
||||
price: "+1.00 JD",
|
||||
subtitle: "Upgrade any burger to a meal",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Fries Included",
|
||||
"Soft Drink Included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sauce",
|
||||
badge: "Add-on",
|
||||
price: "0.30 JD",
|
||||
subtitle: "Extra sauce packets",
|
||||
buttons: [
|
||||
{
|
||||
text: "Add",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Dynamite",
|
||||
"Honey Mustard",
|
||||
"BBQ",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Value Meals"
|
||||
description="Complete your experience with our meal deals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Happy Customers",
|
||||
description: "Burgers served daily",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Burger Types",
|
||||
description: "Unique recipes",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
description: "Customer satisfaction",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Serving Amman"
|
||||
description="We are proud to serve the best burgers in the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best burger spot in Amman! The Shock Burger is absolutely insane and super fresh."
|
||||
rating={5}
|
||||
author="Ahmad M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-fast-food-restaurant-eating_23-2148718875.jpg",
|
||||
alt: "Ahmad M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-smiley-friends-fast-food-restaurant_23-2148718873.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-hanging-out-medium-shot_23-2149143986.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/appetizing-chicken-burger-female-hands-fast-food-restaurant_169016-49213.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we deliver across Amman. Order via phone.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located opposite Al Riyada International School, Dahiya Al Rashid, Amman.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your ingredients fresh?",
|
||||
content: "Absolutely. Fresh beef and chicken, daily prepared.",
|
||||
},
|
||||
]}
|
||||
title="Need Help?"
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Got questions? We have answers to help you get your burger fix."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Call us at 079 100 6361 to order your Burger Shock today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0791006361",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-eymlyr2e.jpg?_wi=2"
|
||||
logoText="BURGER SHOCK.JO"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Shockers",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Meals",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776769373327-vgpxt238.jpg?_wi=2"
|
||||
logoText="BURGER SHOCK.JO"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Order", href: "tel:0791006361" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user