Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6e1f780f4a | |||
| 1bba2d91c8 | |||
| 763a56ed40 | |||
| 8f4f5d9ac6 | |||
| c3c7a6216c | |||
| 4bb57947ee |
225
src/app/page.tsx
225
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,168 +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: "https://img.b2bpic.net/free-photo/burger-bread-bun-with-meat-french-fries_114579-3535.jpg", alt: "Foodie 1" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/front-view-hamburger-along-with-french-fries-grey-surface_140725-14438.jpg", alt: "Foodie 2" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/hamburger-with-french-fries-table_140725-9826.jpg", alt: "Foodie 3" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg", alt: "Foodie 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg", alt: "Foodie 5" },
|
||||
]}
|
||||
avatarText="Loved by 1000+ local foodies"
|
||||
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: "Premium Beef", value: "100% Fresh" },
|
||||
{ icon: Zap, label: "Flavor Intensity", value: "Max" },
|
||||
{ icon: Clock, label: "Delivery Speed", value: "Rapid" },
|
||||
]}
|
||||
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: "The Classic Shock", price: "5.25 JD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-7ejmqijq.jpg", imageAlt: "Classic beef burger" },
|
||||
{ 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", imageAlt: "Crispy smashed patty" },
|
||||
{ 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", imageAlt: "Mushroom burger" },
|
||||
{ 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", imageAlt: "Smoky bbq burger" },
|
||||
{ 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", imageAlt: "Honey glazed chicken" },
|
||||
{ id: "6", name: "Crispy Shrimps", price: "4.50 JD", imageSrc: "https://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-mayonnaise_140725-6709.jpg", imageAlt: "Dynamite shrimps" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Handcrafted burgers and sides made with the freshest local ingredients."
|
||||
/>
|
||||
</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: "Upgrade", price: "+1.00 JD", subtitle: "Complete the meal", buttons: [{ text: "Select", href: "#" }], features: ["Golden Fries", "Refreshing Soda"] },
|
||||
{ id: "sides", badge: "Extras", price: "0.50 JD", subtitle: "Add extra flavor", buttons: [{ text: "Add", href: "#" }], features: ["Cheese Sauce", "Spicy Dynamite", "Crispy Bacon"] },
|
||||
]}
|
||||
title="Combo & Sides"
|
||||
description="Maximize your meal value with our handcrafted add-ons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5,000+", title: "Meals Served", description: "Satisfying cravings in Amman", icon: Smile },
|
||||
{ id: "m2", value: "20", title: "Signature Items", description: "Chef-inspired recipes", icon: Utensils },
|
||||
{ id: "m3", value: "4.9/5", title: "Quality Rating", description: "Loved by our community", icon: Star },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We pride ourselves on excellence and quality service every single day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The most authentic burger experience in Dahiya. Juicy, fresh, and delivered hot!"
|
||||
rating={5}
|
||||
author="Sarah J., Local Foodie"
|
||||
avatars={[
|
||||
{ src: "https://img.b2bpic.net/free-photo/friends-fast-food-restaurant-eating_23-2148718875.jpg", alt: "Customer" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/group-smiley-friends-fast-food-restaurant_23-2148718873.jpg", alt: "Customer" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/friends-hanging-out-medium-shot_23-2149143986.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Delivery areas?", content: "We cover the entire Amman area with fast delivery service." },
|
||||
{ id: "2", title: "Location?", content: "Visit us in Dahiya Al Rashid, conveniently near the international school zone." },
|
||||
{ id: "3", title: "Food Quality?", content: "We source daily fresh produce and premium meat daily." },
|
||||
]}
|
||||
title="Restaurant FAQ"
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Find answers to frequently asked questions about our menu, location, and services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to experience the shock? Give us a call or visit us for a fresh meal!"
|
||||
buttons={[
|
||||
{ text: "Call to Order", href: "tel:0791006361" },
|
||||
{ text: "Find Us", href: "#faq" },
|
||||
]}
|
||||
/>
|
||||
</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: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Our Menu", href: "#products" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Contact Us", items: [{ label: "Call Order", href: "tel:0791006361" }, { label: "Visit Us", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</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