Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c3c7a6216c | |||
| 4bb57947ee |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -4,15 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
import { Flame, Zap, Clock, Smile, Star, Utensils } from "lucide-react";
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
||||||
import { Clock, Flame, Smile, Star, Utensils, Zap } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,167 +24,78 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Menu", id: "products"},
|
]}
|
||||||
{
|
brandName="Burger Shock"
|
||||||
name: "About", id: "about"},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
|
||||||
brandName="Burger Shock"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
title="Feel the Shock in Every Bite"
|
||||||
title="Feel the Shock in Every Bite"
|
description="Burger Shock.jo - Fresh. Juicy. Unforgettable. Experience the ultimate burger experience in Amman."
|
||||||
description="Burger Shock.jo - Fresh. Juicy. Unforgettable. Experience the ultimate burger experience in Amman."
|
buttons={[{ text: "Explore Gallery", href: "#about" }]}
|
||||||
buttons={[
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg?_wi=1"
|
||||||
{
|
mediaAnimation="blur-reveal"
|
||||||
text: "Order Now", href: "#products"},
|
avatars={[
|
||||||
]}
|
{ src: "https://img.b2bpic.net/free-photo/burger-bread-bun-with-meat-french-fries_114579-3535.jpg", alt: "Foodie 1" },
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg?_wi=1"
|
{ src: "https://img.b2bpic.net/free-photo/front-view-hamburger-along-with-french-fries-grey-surface_140725-14438.jpg", alt: "Foodie 2" },
|
||||||
mediaAnimation="blur-reveal"
|
{ src: "https://img.b2bpic.net/free-photo/hamburger-with-french-fries-table_140725-9826.jpg", alt: "Foodie 3" },
|
||||||
avatars={[
|
{ src: "https://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg", alt: "Foodie 4" },
|
||||||
{ src: "https://img.b2bpic.net/free-photo/burger-bread-bun-with-meat-french-fries_114579-3535.jpg", alt: "Foodie 1" },
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg", alt: "Foodie 5" },
|
||||||
{ 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" },
|
avatarText="Loved by 1000+ local foodies"
|
||||||
{ src: "https://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg", alt: "Foodie 4" },
|
marqueeItems={[
|
||||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-1nyalpz5.jpg", alt: "Foodie 5" },
|
{ type: "text", text: "100% Fresh Beef" },
|
||||||
]}
|
{ type: "text-icon", text: "Electric Flavor", icon: Zap },
|
||||||
avatarText="Loved by 1000+ local foodies"
|
{ type: "text", text: "Daily Homemade Buns" },
|
||||||
marqueeItems={[
|
{ type: "text-icon", text: "Locally Sourced", icon: Flame },
|
||||||
{ type: "text", text: "100% Fresh Beef" },
|
{ type: "text", text: "Fast Delivery" },
|
||||||
{ type: "text-icon", text: "Electric Flavor", icon: Zap },
|
]}
|
||||||
{ type: "text", text: "Daily Homemade Buns" },
|
/>
|
||||||
{ type: "text-icon", text: "Locally Sourced", icon: Flame },
|
</div>
|
||||||
{ type: "text", text: "Fast Delivery" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Why Burger Shock?"
|
title="Quality You Can Taste"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: Flame, label: "Premium Beef", value: "100% Fresh" },
|
{ icon: Flame, label: "Premium Beef", value: "100% Fresh" },
|
||||||
{ icon: Zap, label: "Flavor Intensity", value: "Max" },
|
{ icon: Zap, label: "Flavor Intensity", value: "Max" },
|
||||||
{ icon: Clock, label: "Delivery Speed", value: "Rapid" },
|
{ icon: Clock, label: "Preparation", value: "Handcrafted" },
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="contact" data-section="contact">
|
||||||
<ProductCardThree
|
<ContactText
|
||||||
animationType="slide-up"
|
useInvertedBackground={false}
|
||||||
textboxLayout="split"
|
background={{ variant: "rotated-rays-static" }}
|
||||||
gridVariant="uniform-all-items-equal"
|
text="Experience the shock for yourself. Visit us today in Dahiya Al Rashid!"
|
||||||
useInvertedBackground={false}
|
buttons={[
|
||||||
products={[
|
{ text: "Call Us", href: "tel:0791006361" },
|
||||||
{ 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" },
|
{ text: "Directions", href: "#contact" },
|
||||||
{ 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" },
|
</div>
|
||||||
{ 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="pricing" data-section="pricing">
|
<div id="footer" data-section="footer">
|
||||||
<PricingCardEight
|
<FooterMedia
|
||||||
animationType="scale-rotate"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfFflMU9tuDmcxFkLA04j91NV7/uploaded-1776768873013-eymlyr2e.jpg?_wi=2"
|
||||||
textboxLayout="default"
|
logoText="BURGER SHOCK.JO"
|
||||||
useInvertedBackground={false}
|
columns={[
|
||||||
plans={[
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Our Story", href: "#about" }] },
|
||||||
{ id: "combo", badge: "Upgrade", price: "+1.00 JD", subtitle: "Complete the meal", buttons: [{ text: "Select", href: "#" }], features: ["Golden Fries", "Refreshing Soda"] },
|
{ title: "Visit Us", items: [{ label: "Call Order", href: "tel:0791006361" }] },
|
||||||
{ 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"
|
</div>
|
||||||
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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user