Merge version_1 into main #2
484
src/app/page.tsx
484
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Utensils, Leaf, Coffee, Zap } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -15,334 +16,181 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hungry Point"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Hungry Point"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Every Bite Tells a Story"
|
||||
description="Experience gourmet dining that satisfies your deepest cravings at Hungry Point."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef Inspired",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Flavors",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Crafted",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Every Bite Tells a Story"
|
||||
description="Experience gourmet dining that satisfies your deepest cravings at Hungry Point."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Order Now", href: "#" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Join 5,000+ happy foodies"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Local Sourced" },
|
||||
{ type: "text", text: "Chef Inspired" },
|
||||
{ type: "text", text: "Gourmet Flavors" },
|
||||
{ type: "text", text: "Artisanal Crafted" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Passion"
|
||||
description="At Hungry Point, we believe that food is not just sustenance; it's an art form. Every dish we serve is handcrafted by our master chefs using fresh, locally sourced ingredients to provide an unforgettable culinary journey."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table",
|
||||
description: "We source only the freshest produce from local farmers.",
|
||||
},
|
||||
{
|
||||
title: "Chef-Inspired",
|
||||
description: "Our recipes are crafted by award-winning chefs.",
|
||||
},
|
||||
{
|
||||
title: "Cozy Ambience",
|
||||
description: "Relax in our warm and inviting atmosphere.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720722.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Passion"
|
||||
description="At Hungry Point, we believe that food is not just sustenance; it's an art form. Every dish we serve is handcrafted by our master chefs using fresh, locally sourced ingredients to provide an unforgettable culinary journey."
|
||||
bulletPoints={[
|
||||
{ title: "Farm-to-Table", description: "We source only the freshest produce from local farmers." },
|
||||
{ title: "Chef-Inspired", description: "Our recipes are crafted by award-winning chefs." },
|
||||
{ title: "Cozy Ambience", description: "Relax in our warm and inviting atmosphere." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720722.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Hand-picked vegetables and premium meats every day.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Organic",
|
||||
},
|
||||
{
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg?_wi=2",
|
||||
imageAlt: "fresh organic food ingredients",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Drinks",
|
||||
description: "Pair your meal with our house-crafted beverages.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Organic",
|
||||
},
|
||||
{
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720722.jpg?_wi=2",
|
||||
imageAlt: "fresh organic food ingredients",
|
||||
},
|
||||
{
|
||||
title: "Inviting Space",
|
||||
description: "Designed for intimacy and comfort.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Organic",
|
||||
},
|
||||
{
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg?_wi=1",
|
||||
imageAlt: "fresh organic food ingredients",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Discover the unique elements that make our kitchen stand out from the crowd."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Discover the unique elements that make our kitchen stand out from the crowd."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients", description: "Hand-picked vegetables and premium meats every day.", media: { imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg" },
|
||||
items: [
|
||||
{ icon: Leaf, text: "Organic" },
|
||||
{ icon: Utensils, text: "Locally Sourced" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Artisanal Drinks", description: "Pair your meal with our house-crafted beverages.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg" },
|
||||
items: [
|
||||
{ icon: Coffee, text: "Organic" },
|
||||
{ icon: Zap, text: "Locally Sourced" }
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Inviting Space", description: "Designed for intimacy and comfort.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg" },
|
||||
items: [
|
||||
{ icon: Leaf, text: "Organic" },
|
||||
{ icon: Utensils, text: "Locally Sourced" }
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Margherita Pizza",
|
||||
price: "$18",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Truffle Mushroom Pasta",
|
||||
price: "$22",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Quinoa Garden Bowl",
|
||||
price: "$15",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-sauce-with-ingredients-around_114579-28915.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Torte",
|
||||
price: "$12",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-chocolate-mousse-panna-cotta-with-berries-white-stone-wooden-background-festive-dessert_127032-2548.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grilled Ribeye Steak",
|
||||
price: "$35",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-grilled-meat-desk_23-2148599838.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mixed Mezze Platter",
|
||||
price: "$20",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-macarons-cake-slices-candies-white-surface_140725-80966.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our carefully curated selection of signature dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our carefully curated selection of signature dishes."
|
||||
products={[
|
||||
{ id: "p1", name: "Gourmet Margherita Pizza", price: "$18", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg" },
|
||||
{ id: "p2", name: "Truffle Mushroom Pasta", price: "$22", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg" },
|
||||
{ id: "p3", name: "Quinoa Garden Bowl", price: "$15", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-sauce-with-ingredients-around_114579-28915.jpg" },
|
||||
{ id: "p4", name: "Dark Chocolate Torte", price: "$12", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-chocolate-mousse-panna-cotta-with-berries-white-stone-wooden-background-festive-dessert_127032-2548.jpg" },
|
||||
{ id: "p5", name: "Grilled Ribeye Steak", price: "$35", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-grilled-meat-desk_23-2148599838.jpg" },
|
||||
{ id: "p6", name: "Mixed Mezze Platter", price: "$20", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-macarons-cake-slices-candies-white-surface_140725-80966.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best dining experience I've had in years! The flavors were incredible, and the staff was so welcoming."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
alt: "Maria",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-couple-having-meal-outdoors-terrace_23-2148216456.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best dining experience I've had in years! The flavors were incredible, and the staff was so welcoming."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", alt: "Maria" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-couple-having-meal-outdoors-terrace_23-2148216456.jpg", alt: "Elena" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking a table in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegan options?",
|
||||
content: "Absolutely! Our menu includes a wide variety of vegan and vegetarian dishes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, you can order for delivery via our website or local delivery apps.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking a table in advance." },
|
||||
{ id: "f2", title: "Are there vegan options?", content: "Absolutely! Our menu includes a wide variety of vegan and vegetarian dishes." },
|
||||
{ id: "f3", title: "Do you offer delivery?", content: "Yes, you can order for delivery via our website or local delivery apps." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join Us"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter and receive updates on special events and limited-time menu items."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter and receive updates on special events and limited-time menu items."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hungry Point"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hungry Point"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user