Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 63a886a952 | |||
| d3ac034f75 | |||
| 9d14a4c804 |
325
src/app/page.tsx
325
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -17,184 +17,169 @@ import { Award, Flame, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bonfire Pizza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Bonfire Pizza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Bonfire Pizza"
|
||||
description="Authentic, wood-fired pizzas made with the freshest local ingredients. Join us for a slice of perfection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-pizzeria-eat-pizza_627829-5506.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Bonfire Pizza"
|
||||
description="Authentic, wood-fired pizzas made with the freshest local ingredients. Join us for a slice of perfection."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-pizzeria-eat-pizza_627829-5506.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Crafting Pizza Since 2012"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Crafting Pizza Since 2012"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Pizza", name: "Bonfire Signature", price: "Rs 850", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-cheese-cutlery_23-2148765336.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Pizza", name: "Xtreme Cheese", price: "Rs 950", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-roka-salad-with-feta-white-cheese-green-salad-tomatoes-olives_114579-970.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Burger", name: "Chicken Sandwich", price: "Rs 650", rating: 5,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29970.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Wings", name: "Hot Wings (Full)", price: "Rs 550", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86633.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Extras", name: "Signature Gelato", price: "Rs 300", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/vegan-salads-cabbage-carrots-mushroom-cheese-onion-pepper-top-view-concept_176474-213.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Combo", name: "Family Fun Deal", price: "Rs 2,100", rating: 5,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-male-courier-green-shirt-green-cap-black-gloves-holding-delivery-boxes_140725-20029.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our delicious range of wood-fired pizzas, gourmet burgers, and fresh sides."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Pizza", name: "Bonfire Signature", price: "Rs 850", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-cheese-cutlery_23-2148765336.jpg" },
|
||||
{ id: "p2", brand: "Pizza", name: "Xtreme Cheese", price: "Rs 950", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-roka-salad-with-feta-white-cheese-green-salad-tomatoes-olives_114579-970.jpg" },
|
||||
{ id: "p3", brand: "Burger", name: "Chicken Sandwich", price: "Rs 650", rating: 5, reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29970.jpg" },
|
||||
{ id: "p4", brand: "Wings", name: "Hot Wings (Full)", price: "Rs 550", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dog-meal_52683-86633.jpg" },
|
||||
{ id: "p5", brand: "Extras", name: "Signature Gelato", price: "Rs 300", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/vegan-salads-cabbage-carrots-mushroom-cheese-onion-pepper-top-view-concept_176474-213.jpg" },
|
||||
{ id: "p6", brand: "Combo", name: "Family Fun Deal", price: "Rs 2,100", rating: 5, reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-male-courier-green-shirt-green-cap-black-gloves-holding-delivery-boxes_140725-20029.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our delicious range of wood-fired pizzas, gourmet burgers, and fresh sides."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best pizza in town! The crust is perfectly crispy and the ingredients are always fresh."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150317036.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best pizza in town! The crust is perfectly crispy and the ingredients are always fresh."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-delicious-pizza_23-2150317036.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Customer" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "134+", title: "Reviews", description: "Highly rated customers", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "5000+", title: "Pizzas Sold", description: "Freshly baked daily", icon: Flame,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "12", title: "Awards", description: "Best local flavor", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our passion for pizza, reflected in our numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "134+", title: "Reviews", description: "Highly rated customers", icon: Star },
|
||||
{ id: "m2", value: "5000+", title: "Pizzas Sold", description: "Freshly baked daily", icon: Flame },
|
||||
{ id: "m3", value: "12", title: "Awards", description: "Best local flavor", icon: Award }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our passion for pizza, reflected in our numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Bonfire", "Pizza", "Fresh", "Authentic", "Local", "Tasty", "Premium"]}
|
||||
title="Trusted by Thousands"
|
||||
description="We are proud to serve our community with the finest quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Bonfire", "Pizza", "Fresh", "Authentic", "Local", "Tasty", "Premium"]}
|
||||
title="Trusted by Thousands"
|
||||
description="We are proud to serve our community with the finest quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Commonly Asked"
|
||||
sideDescription="Everything you need to know about our kitchen."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you deliver?", content: "Yes, we offer local delivery through our app."},
|
||||
{
|
||||
id: "q2", title: "Are your ingredients fresh?", content: "We source all our ingredients locally daily."},
|
||||
{
|
||||
id: "q3", title: "Do you have vegan options?", content: "Yes, we have a specialized vegan pizza menu."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you deliver?", content: "Yes, we offer local delivery through our app." },
|
||||
{ id: "q2", title: "Are your ingredients fresh?", content: "We source all our ingredients locally daily." },
|
||||
{ id: "q3", title: "Do you have vegan options?", content: "Yes, we have a specialized vegan pizza menu." }
|
||||
]}
|
||||
title="Commonly Asked"
|
||||
description="Everything you need to know about our kitchen."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Order Online Today"
|
||||
description="Sign up for exclusive weekly deals and menu updates."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dinner-table_1203-2994.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Order Online Today"
|
||||
description="Sign up for exclusive weekly deals and menu updates."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dinner-table_1203-2994.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bonfire Pizza Kitchen"
|
||||
leftLink={{ text: "© 2024 All rights reserved", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Pizza Specials", href: "#menu" },
|
||||
{ label: "Deals", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Bonfire Pizza Kitchen"
|
||||
bottomRightText="Built for flavor"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user