Switch to version 3: modified src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -5,13 +5,12 @@ 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 FooterCard from '@/components/sections/footer/FooterCard';
|
||||
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';
|
||||
import { Instagram, Twitter, Facebook } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,11 +30,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Deals", id: "deals" },
|
||||
{ name: "Locations", id: "locations" },
|
||||
{ name: "App", id: "app" },
|
||||
{ name: "Privacy Policy", id: "/privacy-policy" }
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "deals",
|
||||
},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "locations",
|
||||
},
|
||||
{
|
||||
name: "App",
|
||||
id: "app",
|
||||
},
|
||||
]}
|
||||
brandName="FastBite"
|
||||
/>
|
||||
@@ -46,8 +56,14 @@ export default function LandingPage() {
|
||||
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" },
|
||||
{
|
||||
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"
|
||||
@@ -61,9 +77,21 @@ export default function LandingPage() {
|
||||
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: "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."
|
||||
@@ -77,12 +105,42 @@ export default function LandingPage() {
|
||||
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" },
|
||||
{
|
||||
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."
|
||||
@@ -93,13 +151,29 @@ export default function LandingPage() {
|
||||
<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." },
|
||||
{
|
||||
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: "#" },
|
||||
{
|
||||
text: "Download iOS",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Download Android",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,11 +185,46 @@ export default function LandingPage() {
|
||||
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" },
|
||||
{
|
||||
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."
|
||||
@@ -127,9 +236,21 @@ export default function LandingPage() {
|
||||
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." },
|
||||
{
|
||||
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?"
|
||||
@@ -145,26 +266,60 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Feedback, support, or franchise inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message" }}
|
||||
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">
|
||||
<FooterCard
|
||||
logoText="FastBite"
|
||||
copyrightText="© 2025 | FastBite"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user