Merge version_2 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -30,86 +30,49 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/order",
|
||||
},
|
||||
name: "Order", id: "/order"},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "/deals",
|
||||
},
|
||||
name: "Deals", id: "/deals"},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "/locations",
|
||||
},
|
||||
name: "Locations", id: "/locations"},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "/rewards",
|
||||
},
|
||||
name: "Rewards", id: "/rewards"},
|
||||
]}
|
||||
brandName="Burger King"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/order",
|
||||
}}
|
||||
text: "Order Now", href: "/order"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Have it your way"
|
||||
description="Flame-grilled to perfection since 1954. Experience the original, bold flavor of the Whopper."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/order",
|
||||
},
|
||||
text: "Order Now", href: "/order"},
|
||||
{
|
||||
text: "See the Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "See the Menu", href: "/menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "s1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=1",
|
||||
imageAlt: "Whopper",
|
||||
},
|
||||
id: "s1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=1", imageAlt: "Whopper"},
|
||||
{
|
||||
id: "s2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=1",
|
||||
imageAlt: "Burger",
|
||||
},
|
||||
id: "s2", imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=1", imageAlt: "Burger"},
|
||||
{
|
||||
id: "s3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=1",
|
||||
imageAlt: "Chicken",
|
||||
},
|
||||
id: "s3", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=1", imageAlt: "Chicken"},
|
||||
{
|
||||
id: "s4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg?_wi=1",
|
||||
imageAlt: "Stacker",
|
||||
},
|
||||
id: "s4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg?_wi=1", imageAlt: "Stacker"},
|
||||
{
|
||||
id: "s5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=2",
|
||||
imageAlt: "Whopper",
|
||||
},
|
||||
id: "s5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=2", imageAlt: "Whopper"},
|
||||
{
|
||||
id: "s6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=2",
|
||||
imageAlt: "Burger",
|
||||
},
|
||||
id: "s6", imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=2", imageAlt: "Burger"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,35 +85,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Whopper",
|
||||
price: "$6.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "Whopper", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=3"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chicken Royale",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Chicken Royale", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "BK Stacker",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "BK Stacker", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Whopper",
|
||||
price: "$6.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=4",
|
||||
},
|
||||
id: "p4", name: "Whopper", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg?_wi=4"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chicken Royale",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=3",
|
||||
},
|
||||
id: "p5", name: "Chicken Royale", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg?_wi=3"},
|
||||
]}
|
||||
title="Featured Favorites"
|
||||
description="Our flame-grilled legends."
|
||||
@@ -179,25 +122,13 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your hours?",
|
||||
content: "Most locations are open 24/7 or late night.",
|
||||
},
|
||||
id: "q1", title: "What are your hours?", content: "Most locations are open 24/7 or late night."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does delivery work?",
|
||||
content: "Order through our app for lightning fast delivery.",
|
||||
},
|
||||
id: "q2", title: "How does delivery work?", content: "Order through our app for lightning fast delivery."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Yes, try our Impossible Whopper.",
|
||||
},
|
||||
id: "q3", title: "Are there vegetarian options?", content: "Yes, try our Impossible Whopper."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Where can I find nutrition?",
|
||||
content: "All info is listed on our menu page.",
|
||||
},
|
||||
id: "q4", title: "Where can I find nutrition?", content: "All info is listed on our menu page."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,16 +140,10 @@ export default function LandingPage() {
|
||||
description="Sign up for exclusive deals and limited offers."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Enter your email", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=4"
|
||||
@@ -226,49 +151,38 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg?_wi=5"
|
||||
<FooterLogoEmphasis
|
||||
logoText="BURGER KING"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Burgers",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Burgers", href: "/menu"},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Sides", href: "/menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "/locations",
|
||||
},
|
||||
label: "Locations", href: "/locations"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
className="bg-neutral-900 text-white border-t border-neutral-800"
|
||||
columnClassName="text-neutral-400"
|
||||
itemClassName="hover:text-white transition-colors"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,8 +10,8 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #1A1A1A;
|
||||
--card: #262626;
|
||||
--background: #000000;
|
||||
--card: #1A1A1A;
|
||||
--foreground: #FFF5E0;
|
||||
--primary-cta: #D62300;
|
||||
--primary-cta-text: #FFF5E0;
|
||||
|
||||
Reference in New Issue
Block a user