326 lines
9.6 KiB
TypeScript
326 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Deals",
|
|
id: "deals",
|
|
},
|
|
{
|
|
name: "Locations",
|
|
id: "locations",
|
|
},
|
|
{
|
|
name: "App",
|
|
id: "app",
|
|
},
|
|
]}
|
|
brandName="FastBite"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="FastBite:skip the wait ,start the feast"
|
|
description="Iconic flavor, delivered in seconds. Grab the best deals in your city today by chef med lgraid."
|
|
buttons={[
|
|
{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
text: "Find a Location",
|
|
href: "#locations",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="deals" data-section="deals">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Mega Combo",
|
|
description: "2x Burgers, 2x Fries, 2x Soda at 30% off.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/combo-meals-poster-template_23-2148667691.jpg",
|
|
},
|
|
{
|
|
title: "Student Discount",
|
|
description: "Get a free side with any meal order.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-blue-frame-delicious-food_23-2148314141.jpg",
|
|
},
|
|
{
|
|
title: "Early Bird",
|
|
description: "Free breakfast item until 10 AM.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-french-fries_23-2150887842.jpg",
|
|
},
|
|
]}
|
|
title="Limited Time Deals"
|
|
description="Don't miss out on our seasonal favorites."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
gridVariant="one-large-left-three-stacked-right"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Crispy Chicken",
|
|
price: "$6.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Golden Fries",
|
|
price: "$2.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187941.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Strawberry Soda",
|
|
price: "$1.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cold-strawberry-cocktail-with-mint_23-2148196127.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Classic Cheeseburger",
|
|
price: "$5.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Spicy Nuggets",
|
|
price: "$4.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-plastic-fries-blue-background_23-2148314151.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Vanilla Shake",
|
|
price: "$3.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108784.jpg",
|
|
},
|
|
]}
|
|
title="Top Picks"
|
|
description="Fan favorites you can't live without."
|
|
/>
|
|
</div>
|
|
|
|
<div id="app" data-section="app">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Get the ",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-her-shopping-list-smartphone_23-2149110874.jpg",
|
|
alt: "App Promo",
|
|
},
|
|
{
|
|
type: "text",
|
|
content: " FastBite App.",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Download iOS",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Download Android",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Alice M.",
|
|
role: "Student",
|
|
company: "University",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-eating-tasty-classic-burger-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-29909.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Bob R.",
|
|
role: "Chef",
|
|
company: "Bistro",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Charlie D.",
|
|
role: "Driver",
|
|
company: "Transit",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-hungry-curly-woman-eats-hot-dog-burger-keeps-mouth-widely-opened-prefers-fast-food-wears-white-formal-shirt-tie-isolated-pink-background-blank-space-your-advertisement_273609-62442.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Diana P.",
|
|
role: "Parent",
|
|
company: "Home",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269632.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Ethan W.",
|
|
role: "Dev",
|
|
company: "Tech",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67452.jpg",
|
|
},
|
|
]}
|
|
title="Loved by Foodies"
|
|
description="What our hungry customers say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How long for delivery?",
|
|
content: "Usually under 30 minutes.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Is it fresh?",
|
|
content: "Always, we source locally.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Can I pre-order?",
|
|
content: "Yes, via the mobile app.",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
title="Need Help?"
|
|
faqsAnimation="slide-up"
|
|
description="Quick answers to common questions about your FastBite order."
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-food-arrangement_23-2149214701.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get In Touch"
|
|
description="Feedback, support, or franchise inquiries."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Name",
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your message",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-hamburger-restaurant_23-2148006725.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Brand",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 FastBite Brand."
|
|
bottomRightText="Privacy Policy"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|