bender/ce3251bd-96be-47b5-a323-6b4ca4e4db62
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-03-26 14:00:46 +00:00
Conversation 0 Commits 3 Files Changed 3 +141 -188
3 changed files with 141 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -2,16 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
import { Star } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { MapPin, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,46 +34,35 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Reviews",
id: "testimonials",
},
name: "Location", id: "location"},
{
name: "Contact",
id: "contact",
},
name: "Gallery", id: "gallery"},
{
name: "Testimonials", id: "testimonials"},
{
name: "Booking/Contact", id: "contact"},
]}
brandName="Garage Kitchen"
button={{
text: "Call Now",
href: "tel:+639177393340",
}}
text: "Call Now", href: "tel:+639177393340"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Great Food. Cozy Vibes. Right Here in Bagac."
description="Dine-in, Drive-through, or Delivery — we’ve got you covered. Experience the best local flavors with a warm, friendly ambiance."
buttons={[
{
text: "Call Now",
href: "tel:+639177393340",
},
text: "Call Now", href: "tel:+639177393340"},
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eating-chicken-with-vegetables-saucepan-with-rice-herbs-with-tomato-plate_141793-12530.jpg"
imageAlt="Cozy restaurant interior with warm lighting and delicious food."
@@ -93,56 +84,59 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "location",
title: "📍 Location: Overland Subdivision",
tags: [
"Easy to Find",
],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=1",
imageAlt: "Map pin icon",
},
id: "location", title: "📍 Location: Overland Subdivision", tags: [
"Easy to Find"],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=1", imageAlt: "Map pin icon"},
{
id: "hours",
title: "🕒 Open until 12 AM",
tags: [
"Late Hours",
],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=2",
imageAlt: "Clock icon",
},
id: "hours", title: "🕒 Open until 12 AM", tags: [
"Late Hours"],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=2", imageAlt: "Clock icon"},
{
id: "drive-through",
title: "🚗 Drive-through Available",
tags: [
"Convenient",
],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=3",
imageAlt: "Car icon",
},
id: "drive-through", title: "🚗 Drive-through Available", tags: [
"Convenient"],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=3", imageAlt: "Car icon"},
{
id: "delivery",
title: "🛵 Delivery Available",
tags: [
"To Your Door",
],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=4",
imageAlt: "Motorcycle icon",
},
id: "delivery", title: "🛵 Delivery Available", tags: [
"To Your Door"],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=4", imageAlt: "Motorcycle icon"},
{
id: "dine-in",
title: "🍽 Dine-in Available",
tags: [
"Cozy Ambiance",
],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=5",
imageAlt: "Dining icon",
},
id: "dine-in", title: "🍽 Dine-in Available", tags: [
"Cozy Ambiance"],
imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=5", imageAlt: "Dining icon"},
]}
title="Quick Info"
description="Everything you need to know about dining with us."
/>
</div>
<div id="location" data-section="location">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
tag="Our Location"
title="Find Us in Balanga City"
description="Easily locate our branch in Balanga City. We're excited to serve you! We have integrated a map for your convenience below."
buttons={[
{
text: "Get Directions to Balanga City", href: "https://www.google.com/maps/search/Balanga+City,+Bataan"},
]}
features={[
{
id: "balanga-map", title: "Balanga City Branch", description: "Click the button for directions to our Balanga City branch. Enjoy our delicious food at another convenient location!", media: {
imageSrc: "https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Ph_locator_bataan_balanga.svg/1200px-Ph_locator_bataan_balanga.svg.png", imageAlt: "Balanga City Map Pin"
},
items: [
{
icon: MapPin,
text: "Open in Google Maps"
}
],
reverse: false
}
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
@@ -151,162 +145,121 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "burger",
name: "Classic GKB Burger",
price: "₱250",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
imageAlt: "Delicious classic burger with fries",
},
id: "burger", name: "Classic GKB Burger", price: "₱250", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg", imageAlt: "Delicious classic burger with fries"},
{
id: "pasta",
name: "Creamy Carbonara",
price: "₱280",
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-crouton-table_140725-9264.jpg",
imageAlt: "Rich and creamy carbonara pasta",
},
id: "pasta", name: "Creamy Carbonara", price: "₱280", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-crouton-table_140725-9264.jpg", imageAlt: "Rich and creamy carbonara pasta"},
{
id: "drinks",
name: "House Blend Iced Tea",
price: "₱80",
imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-mint_176532-10719.jpg",
imageAlt: "Refreshing house blend iced tea",
},
id: "drinks", name: "House Blend Iced Tea", price: "₱80", imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-mint_176532-10719.jpg", imageAlt: "Refreshing house blend iced tea"},
]}
title="Our Featured Dishes"
description="Experience our best-selling items, crafted with fresh, local ingredients. Affordable quality you'll love!"
buttons={[
{
text: "View Full Menu",
href: "#",
},
text: "View Full Menu", href: "#"},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria S.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",
imageAlt: "Portrait of Maria S.",
},
{
id: "2",
name: "Juan D.",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-young-blonde-woman-dressed-casual-clothing-recreate-against-cozy-cafe-interior-with-fresh-cold-cocktail-smiles-happily_273609-2344.jpg",
imageAlt: "Portrait of Juan D.",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-smiling-park_23-2148208859.jpg",
imageAlt: "Portrait of Emily R.",
},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/student-showing-ok-sign_1149-179.jpg",
imageAlt: "Portrait of David K.",
},
]}
cardTitle="Loved by Locals"
cardTag="5.0 Google Rating"
cardTagIcon={Star}
cardAnimation="blur-reveal"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"★★★★★ \"Great food, nice ambiance, cheerful and kind staff. Surely, will come back!\"",
"★★★★★ \"Sumptuous food at an affordable price!\"",
"★★★★★ \"The best place to eat in Bagac. Highly recommended!\"",
"★★★★★ \"Friendly service and delicious meals every time.\"",
"★★★★★ \"A gem in Bagac! Love their menu and the vibe.\"",
"★★★★★ \"Affordable and high-quality, exactly what we look for.\"",
"★★★★★ \"My go-to place for dinner with friends and family.\"",
]}
"★★★★★ \"Great food, nice ambiance, cheerful and kind staff. Surely, will come back!\"", "★★★★★ \"Sumptuous food at an affordable price!\"", "★★★★★ \"The best place to eat in Bagac. Highly recommended!\"", "★★★★★ \"Friendly service and delicious meals every time.\"", "★★★★★ \"A gem in Bagac! Love their menu and the vibe.\"", "★★★★★ \"Affordable and high-quality, exactly what we look for.\"", "★★★★★ \"My go-to place for dinner with friends and family.\""]}
title="Rated 5.0 on Google Reviews"
description="Our customers consistently praise our great food, cozy ambiance, and friendly staff. We're proud to be a top-rated spot in Bagac!"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<div id="gallery" data-section="gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in Touch"
title="Visit Us or Make a Reservation"
description="Located at 118 Overland Subdivision, Bagac, Bataan. Call us at 0917 739 3340 for reservations or inquiries. We're open until 12 AM!"
buttons={[
tag="Our Gallery"
title="A Glimpse of Our Culinary Delights"
description="Explore images of our delicious dishes, cozy ambiance, and happy customers. See what makes Garage Kitchen special!"
products={[
{
text: "Call Now",
href: "tel:+639177393340",
},
id: "gallery-item-1", brand: "Garage Kitchen", name: "Gourmet Burger", price: "₱280", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-rustic-wooden-table_23-2149635205.jpg", imageAlt: "Gourmet Burger"},
{
text: "Get Directions",
href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan",
},
id: "gallery-item-2", brand: "Garage Kitchen", name: "Creamy Pasta", price: "₱300", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-spaghetti-served-sauce-bowl_181624-1845.jpg", imageAlt: "Creamy Pasta"},
{
id: "gallery-item-3", brand: "Garage Kitchen", name: "Fresh Salad", price: "₱180", rating: 4,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-salad-wooden-table_23-2148240589.jpg", imageAlt: "Fresh Salad"},
{
id: "gallery-item-4", brand: "Garage Kitchen", name: "Dessert Shake", price: "₱150", rating: 5,
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-shake_140725-7808.jpg", imageAlt: "Dessert Shake"}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Great food, nice ambiance, cheerful and kind staff. Surely, will come back!"
rating={5}
author="Maria S."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg", alt: "Maria S."},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
tag="Book Your Table"
title="Ready to Dine? Send Us an Inquiry!"
description="Fill out the form below to book a reservation or ask us anything. We'll get back to you shortly and help plan your perfect dining experience."
inputPlaceholder="Your Email"
buttonText="Send Inquiry"
termsText="By sending an inquiry, you agree to our terms and conditions."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterBaseCard
logoText="Garage Kitchen Bagac Bataan"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Location", href: "#location"},
{
label: "Gallery", href: "#gallery"}
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Call Us: 0917 739 3340",
href: "tel:+639177393340",
},
label: "Call Us: 0917 739 3340", href: "tel:+639177393340"},
{
label: "Get Directions",
href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan",
},
label: "Get Directions", href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan"},
{
label: "Inquire Now",
href: "#contact",
},
label: "Inquire Now", href: "#contact"},
],
},
{
title: "Follow Us",
items: [
title: "Follow Us", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}

2
src/app/styles/base.css
View File

@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-manrope), sans-serif;
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #e34400;
--primary-cta-text: #ffffff;
--secondary-cta: #2b180a;
--secondary-cta-text: #f6f0e9;
--accent: #e34400;
--background-accent: #f0dcc6;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #cee7ff;
--primary-cta-text: #000000;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #CEE7FF;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);