bender/0eb355a6-4ddc-402d-bc6b-4fcd925a00cd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-13 13:42:37 +00:00
parent cd8dafad01 13faeeedf2
commit b88397b34e
2 changed files with 35 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/app/page.tsx
View File

@@ -2,16 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Phone, Instagram, MapPin, Clock } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="The Grill House"
/>
@@ -54,119 +43,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Authentic Flame-Grilled Excellence"
description="Experience the perfect balance of smoke, spice, and seasoning. The Grill House brings master-crafted dishes to your table."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-skewers-wooden-board-with-tomatoes_23-2148440980.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dessert-glass-cup-served-with-tea_140725-8402.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189863.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-kebab-tomato-onion-greens-pepper-side-view_141793-3090.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-chefs-uniform-preparing-delicious-meal-professional-kitchen_482257-121184.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg",
},
]}
buttons={[
{
text: "Book a Table",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-tasty-food_23-2149525567.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149213359.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
alt: "Customer 5",
},
]}
avatarText="Join 15,000+ satisfied guests."
marqueeItems={[
{
type: "text",
text: "Wood-Fired",
},
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Gourmet Cuisine",
},
{
type: "text",
text: "Premium Cuts",
},
{
type: "text",
text: "Expertly Grilled",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-skewers-wooden-board-with-tomatoes_23-2148440980.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dessert-glass-cup-served-with-tea_140725-8402.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189863.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-kebab-tomato-onion-greens-pepper-side-view_141793-3090.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/diverse-chefs-uniform-preparing-delicious-meal-professional-kitchen_482257-121184.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg" }]}
buttons={[{ text: "Book a Table", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting Flavors Since 1995",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",
alt: "Restaurant ambiance",
},
]}
heading={[{ type: "text", content: "Crafting Flavors Since 1995" }, { type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg", alt: "Restaurant ambiance" }]}
/>
</div>
@@ -175,63 +64,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Prime",
name: "Ribeye Steak",
price: "$42",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-meat-with-green-bean-salad-white-plate_181624-58243.jpg",
},
{
id: "p2",
brand: "Fresh",
name: "Grilled Salmon",
price: "$38",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg",
},
{
id: "p3",
brand: "Premium",
name: "Lamb Chops",
price: "$45",
rating: 5,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg",
},
{
id: "p4",
brand: "Garden",
name: "Roasted Vegetables",
price: "$22",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-sage-with-potatoes-bell-pepper-eggplant-cooked-charcoal-top-view_140725-7235.jpg",
},
{
id: "p5",
brand: "Bistro",
name: "Charcoal Skewers",
price: "$32",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-grill-nature_23-2148199440.jpg",
},
{
id: "p6",
brand: "Gourmet",
name: "Wagyu Burger",
price: "$28",
rating: 5,
reviewCount: "205",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg",
},
]}
products={[{ id: "p1", brand: "Prime", name: "Ribeye Steak", price: "$42", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-meat-with-green-bean-salad-white-plate_181624-58243.jpg" }, { id: "p2", brand: "Fresh", name: "Grilled Salmon", price: "$38", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg" }, { id: "p3", brand: "Premium", name: "Lamb Chops", price: "$45", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg" }]}
title="Signature Grill Selections"
description="Discover our hand-curated menu featuring premium meats and fresh local produce."
/>
@@ -240,26 +73,8 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Farm-to-Table",
description: "Locally sourced ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg",
},
{
title: "Open Fire Grill",
description: "The art of natural wood smoke.",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-giant-river-prawn-charcoal-stove_640221-250.jpg",
},
{
title: "Expert Chefs",
description: "Masters of the craft.",
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sliced-onion-lemon_140725-3627.jpg",
},
]}
features={[{ title: "Farm-to-Table", description: "Locally sourced ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" }, { title: "Open Fire Grill", description: "The art of natural wood smoke.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-giant-river-prawn-charcoal-stove_640221-250.jpg" }, { title: "Expert Chefs", description: "Masters of the craft.", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sliced-onion-lemon_140725-3627.jpg" }]}
title="Why Choose Us"
description="Experience superior quality in every bite."
/>
</div>
@@ -267,71 +82,15 @@ export default function LandingPage() {
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15K+",
title: "Satisfied Guests",
items: [
"Dining Experiences",
"Private Events",
],
},
{
id: "m2",
value: "25+",
title: "Years Experience",
items: [
"Culinary Heritage",
"Expert Craft",
],
},
{
id: "m3",
value: "120+",
title: "Daily Diners",
items: [
"Local Favorites",
"Food Lovers",
],
},
]}
metrics={[{ id: "m1", value: "15K+", title: "Satisfied Guests", items: ["Dining Experiences", "Private Events"] }, { id: "m2", value: "25+", title: "Years Experience", items: ["Culinary Heritage", "Expert Craft"] }, { id: "m3", value: "120+", title: "Daily Diners", items: ["Local Favorites", "Food Lovers"] }]}
title="Our Culinary Impact"
description="Numbers behind the flame."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice M.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg",
},
{
id: "t2",
name: "Bob D.",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-liquid-beverage-party-life_1203-4477.jpg",
},
{
id: "t3",
name: "Charlie P.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
},
{
id: "t4",
name: "Diana K.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-showing-her-phone-her-friend_23-2149187023.jpg",
},
{
id: "t5",
name: "Eve S.",
imageSrc: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg",
},
]}
testimonials={[{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg" }, { id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-liquid-beverage-party-life_1203-4477.jpg" }, { id: "t3", name: "Charlie P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg" }]}
cardTitle="What Guests Say"
cardAnimation="slide-up"
cardTag="Testimonials"
@@ -341,78 +100,33 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need a reservation?",
content: "Reservations are recommended, especially on weekends.",
},
{
id: "q2",
title: "Do you offer vegetarian options?",
content: "Yes, we feature fresh, garden-to-table dishes.",
},
{
id: "q3",
title: "Is parking available?",
content: "Valet parking is provided at the main entrance.",
},
]}
faqs={[{ id: "q1", title: "Do I need a reservation?", content: "Reservations are recommended, especially on weekends." }, { id: "q2", title: "Do you offer vegetarian options?", content: "Yes, we feature fresh, garden-to-table dishes." }, { id: "q3", title: "Is parking available?", content: "Valet parking is provided at the main entrance." }]}
imageSrc="http://img.b2bpic.net/free-photo/travelers-reception_1098-14597.jpg"
mediaAnimation="slide-up"
title="Got Questions?"
description="Find everything you need to know about dining with us."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to experience the best grill in town? Visit us or make a reservation today."
<ContactCTA
tag="Contact Us"
title="Reserve Your Table"
description="Connect with us directly for reservations and event inquiries. Reach us via WhatsApp or follow us on Instagram."
buttons={[
{
text: "Call Now",
href: "tel:5550199",
},
{ text: "WhatsApp", href: "https://wa.me/1234567890" },
{ text: "Follow on Instagram", href: "https://instagram.com/thegrillhouse" }
]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterMedia
logoText="The Grill House"
imageSrc="http://img.b2bpic.net/free-photo/grilled-meat-wooden-table_23-2148189886.jpg"
columns={[
{
title: "Menu",
items: [
{
label: "Lunch",
href: "#menu",
},
{
label: "Dinner",
href: "#menu",
},
],
},
{
title: "Info",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Menu", items: [{ label: "Lunch", href: "#menu" }, { label: "Dinner", href: "#menu" }] },
{ title: "Info", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/1234567890" }, { label: "Instagram", href: "https://instagram.com/thegrillhouse" }] }
]}
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5fffae6;
--primary-cta: #80da9b;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #38714a;
--background-accent: #2c6541;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);