333 lines
17 KiB
TypeScript
333 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Sparkles, Star, Heart, Leaf, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="BurgerCraft"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Order", id: "order" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Fresh burgers, daily"
|
|
bottomRightText="call: (555) 123-4567"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="The Best Smash Burgers in Town"
|
|
description="Fresh ingredients, handcrafted burgers, and unforgettable flavor. Locally loved since day one."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Premium Quality"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+15551234567" },
|
|
{ text: "View Menu", href: "#featured-burgers" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/american-hamburger-with-french-fries_23-2147783579.jpg", imageAlt: "Smash burger with melted cheese"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-cutting-burger-with-egg_23-2148678848.jpg", imageAlt: "Chicken burger crispy golden bun"
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-6xl font-bold"
|
|
descriptionClassName="text-lg md:text-xl text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-burgers" data-section="featured-burgers">
|
|
<ProductCardTwo
|
|
title="Our Featured Burgers"
|
|
description="Handcrafted with premium ingredients and bold flavors. Each burger tells a story."
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{ text: "See Full Menu", href: "#contact" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "double-cheese", brand: "Signature", name: "Double Cheese Burger", price: "$12.99", rating: 5,
|
|
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-beef-patty-grilled-red-onion-tomato-lettuce-burger-buns-french-fries-orange-drink-table_141793-3607.jpg", imageAlt: "Double Cheese Burger"
|
|
},
|
|
{
|
|
id: "el-guacamole", brand: "Premium", name: "El Guacamole Burger", price: "$14.99", rating: 5,
|
|
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg", imageAlt: "El Guacamole Burger with fresh avocado"
|
|
},
|
|
{
|
|
id: "forest", brand: "Garden", name: "The Forest Burger", price: "$13.99", rating: 5,
|
|
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/knife-delicious-meat-sandwich-green-black-tray-left-side-blurred-surface-with-free-space_179666-42677.jpg", imageAlt: "The Forest Burger with mushrooms"
|
|
},
|
|
{
|
|
id: "chicken-wrap", brand: "Specialty", name: "Chicken Cheese Wrap", price: "$11.99", rating: 4.5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-up-burger_23-2148289453.jpg", imageAlt: "Chicken Cheese Wrap"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Choose BurgerCraft?"
|
|
description="We're not just another burger joint. We're passionate about crafting the perfect bite using only the freshest locally-sourced ingredients. Every burger is made to order, every time."
|
|
tag="Local Restaurant"
|
|
tagIcon={Heart}
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{ text: "Order Now", href: "#contact" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries_140725-6072.jpg"
|
|
imageAlt="BurgerCraft restaurant interior"
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-why-us" data-section="features-why-us">
|
|
<FeatureCardTwentySix
|
|
title="What Makes Us Special"
|
|
description="Quality ingredients, fast service, and genuine local love. Here's what sets us apart."
|
|
tag="Our Commitment"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="opacity"
|
|
buttons={[]}
|
|
buttonAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Fresh Ingredients Daily", description: "We source from local suppliers and prepare everything fresh to order. No frozen, no compromises.", buttonIcon: Leaf
|
|
},
|
|
{
|
|
title: "Lightning Fast Service", description: "Order to plate in minutes. Hot, fresh burgers ready when you are. Perfect for lunch breaks and late-night cravings.", buttonIcon: Zap
|
|
},
|
|
{
|
|
title: "Premium Quality Meat", description: "Hand-selected beef ground fresh daily. Smashed on the griddle for maximum flavor and the perfect crust.", buttonIcon: Star
|
|
},
|
|
{
|
|
title: "Locally Loved", description: "Supporting our community is everything. We sponsor local teams, hire locally, and invest in our neighborhood.", buttonIcon: Heart
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real reviews from real burger lovers. See why thousands choose BurgerCraft."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="opacity"
|
|
buttons={[]}
|
|
buttonAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="blur-reveal"
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Sarah Mitchell", role: "Food Blogger", company: "Casablanca", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-feedback-landing-page_23-2148963626.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Ahmed Hassan", role: "Regular Customer", company: "Local Business Owner", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", imageAlt: "Ahmed Hassan"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Fatima Bennani", role: "Restaurant Critic", company: "Food Magazine", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Fatima Bennani"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Omar El Kadi", role: "Late Night Visitor", company: "Night Shift Worker", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-cheerful-young-female-model-with-bobbed-hairstyle-pleasant-gentle-smile-healthy-skin-wears-green-sweater_273609-3528.jpg", imageAlt: "Omar El Kadi"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Layla Zaki", role: "Family Favorite", company: "Mother of Three", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-thumbs-up-looking-camera_1262-14435.jpg", imageAlt: "Layla Zaki"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Hassan Rachidi", role: "Tourist", company: "Visiting Casablanca", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-happy-black-lady-posing-outdoors-smiling_1262-21120.jpg", imageAlt: "Hassan Rachidi"
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted By Local Platforms"
|
|
description="Featured and recommended on the platforms Casablanca customers use daily."
|
|
tag="Featured Partner"
|
|
tagAnimation="opacity"
|
|
buttons={[]}
|
|
buttonAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Google Maps", "WhatsApp", "Instagram", "TikTok", "Delivery App", "Local Review", "Food Network", "Community Board"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-photo/high-quality-brand-badge-banner-copy-space-concept_53876-13783.jpg", "http://img.b2bpic.net/free-vector/fourth-july-badge-collection_52683-11590.jpg", "http://img.b2bpic.net/free-vector/flat-design-free-trial-labels_23-2149372418.jpg", "http://img.b2bpic.net/free-vector/vintage-badge-collection_1176-252.jpg", "http://img.b2bpic.net/free-vector/gradient-our-services-labels-collection_23-2149979893.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-102.jpg", "http://img.b2bpic.net/free-vector/retro-restaurant-logo_23-2148460715.jpg", "http://img.b2bpic.net/free-vector/labor-day-celebration-badge-collection_23-2147868135.jpg"
|
|
]}
|
|
showCard={true}
|
|
speed={40}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about BurgerCraft, our menu, and ordering."
|
|
tag="Help & Support"
|
|
tagAnimation="opacity"
|
|
buttons={[]}
|
|
buttonAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-chicken-burger-with-pickles-tomatoes-served-with-french-fries-sauces-dark_140725-11883.jpg"
|
|
imageAlt="Complete burger meal"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
faqsAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Do you offer online ordering?", content: "Yes! You can call us directly at (555) 123-4567 or fill out our order form. We also accept WhatsApp orders for quick coordination. Most orders are ready within 15-20 minutes."
|
|
},
|
|
{
|
|
id: "faq-2", title: "What are your hours?", content: "We're open Monday-Thursday 11am-11pm, Friday-Saturday 11am-1am for late-night burger cravings, and Sunday 12pm-10pm. We're closed on major holidays."
|
|
},
|
|
{
|
|
id: "faq-3", title: "Do you deliver?", content: "Yes, we partner with local delivery services for orders within 3km. For larger orders or further distances, call us to discuss options. Delivery typically takes 30-40 minutes."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Can I customize my burger?", content: "Absolutely! Every burger is made to order. Add or remove any topping: jalapeños, bacon, guacamole, caramelized onions, mushrooms, crispy onions, or extra cheese."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Do you have vegetarian options?", content: "Yes! Our Forest Burger features sautéed mushrooms, caramelized onions, crispy onions, and fresh greens. We can also create custom veggie wraps with all the fresh ingredients."
|
|
},
|
|
{
|
|
id: "faq-6", title: "Are the ingredients fresh?", content: "100% fresh, never frozen. Beef is ground daily, vegetables are sourced from local suppliers, and everything is prepared fresh to order. Quality is our promise."
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Order or Get in Touch"
|
|
description="Send us your order request or ask any questions. We respond within 30 minutes."
|
|
useInvertedBackground={true}
|
|
mediaPosition="left"
|
|
mediaAnimation="opacity"
|
|
buttonText="Send Order Request"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "+212 (555) 123-4567", required: true },
|
|
{ name: "email", type: "email", placeholder: "your@email.com", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us what you'd like to order or ask any questions...", rows: 5,
|
|
required: true
|
|
}}
|
|
className="w-full"
|
|
containerClassName="px-4 md:px-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Menu", href: "#featured-burgers" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Order", items: [
|
|
{ label: "Call Now", href: "tel:+15551234567" },
|
|
{ label: "WhatsApp Order", href: "https://wa.me/15551234567" },
|
|
{ label: "Order Form", href: "#contact" },
|
|
{ label: "Delivery Info", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Google Maps", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Info", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Locations", href: "#" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 BurgerCraft. Handcrafted in Casablanca."
|
|
bottomRightText="Built with passion for great burgers"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|