bender/d1f541c2-5317-4adc-85e2-3c7ece9ee161
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
c08766864d Update src/app/page.tsx 2026-05-06 18:18:51 +00:00
bender
c97675f89c Switch to version 1: modified src/app/page.tsx 2026-05-06 18:01:33 +00:00
bender
1e337e7283 Merge version_2 into main 
Merge version_2 into main
 2026-05-06 17:43:21 +00:00
1 changed files with 83 additions and 169 deletions
Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { Phone, MessageCircle } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -27,181 +28,94 @@ export default function LandingPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "Menu", id: "menu" },
{ { name: "About", id: "about" },
name: "Menu", id: "menu"}, { name: "Reviews", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "About", id: "about"}, ]}
{ brandName="Daiya Food"
name: "Reviews", id: "testimonials"}, button={{ text: "Order Now", href: "#contact" }}
{ />
name: "Contact", id: "contact"}, </div>
]}
brandName="Daiya Food"
button={{
text: "Order Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient"}} logoText="Galle’s Famous Shovel Rice 🍽️"
logoText="Galle’s Famous Shovel Rice 🍽️" description="Big portions. Bold taste. Unforgettable meals. Experience the ultimate fusion of Sri Lankan flavors."
description="Big portions. Bold taste. Unforgettable meals. Experience the ultimate fusion of Sri Lankan flavors." buttons={[
buttons={[ { text: "Call Now", href: "tel:+94712669900" },
{ { text: "WhatsApp Order", href: "https://wa.me/94712669900" },
text: "Order Online Now", href: "#menu"}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/dinner-set-white-table-luxury-full-set-french-dinner_1428-101.jpg"
text: "WhatsApp Order", href: "https://wa.me/94712669900"}, imageAlt="Shovel Rice Platter"
]} mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/dinner-set-white-table-luxury-full-set-french-dinner_1428-101.jpg" />
imageAlt="Shovel Rice Platter" </div>
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
products={[ tag="New & Popular"
{ tagIcon={Phone}
id: "1", name: "Signature Shovel Rice", price: "Rs. 1,500", variant: "Mix/Seafood/Chicken", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-jewish-dish_23-2148814457.jpg"}, title="Our Menu"
{ description="Discover our signature shovel rice, fusion kottu, and daily specials."
id: "2", name: "Classic Fusion Kottu", price: "Rs. 950", variant: "Spicy/Cheesy", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-delicious-burger-close-up_23-2148952929.jpg"}, products={[
{ { id: "1", name: "Signature Shovel Rice", price: "Rs. 1,500", variant: "Signature/Popular", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-jewish-dish_23-2148814457.jpg" },
id: "3", name: "Wok-Fried Nasi", price: "Rs. 1,100", variant: "Chicken/Veg", imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-lunch-plate-with-rice-vegetables-generated-by-ai_188544-21947.jpg"}, { id: "2", name: "Classic Fusion Kottu", price: "Rs. 950", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-delicious-burger-close-up_23-2148952929.jpg" },
{ { id: "3", name: "Daiya Smash Burger", price: "Rs. 850", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-hamburgers_23-2148614084.jpg" },
id: "4", name: "Daiya Smash Burger", price: "Rs. 850", variant: "Double Patty", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-tasty-hamburgers_23-2148614084.jpg"}, { id: "4", name: "Wok-Fried Nasi", price: "Rs. 1,100", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/healthy-vegetarian-lunch-plate-with-rice-vegetables-generated-by-ai_188544-21947.jpg" }
{ ]}
id: "5", name: "Creamy Fusion Pasta", price: "Rs. 1,200", variant: "White Sauce", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-inside-plate-dark-space_140725-79611.jpg"}, />
{ </div>
id: "6", name: "Spicy Garlic Ramen", price: "Rs. 1,300", variant: "Hot/Extra Hot", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sushi-composition-with-copyspace_23-2148132842.jpg"},
]}
title="Popular Dishes"
description="Taste the best of Galle with our signature fusion dishes."
/>
</div>
<div id="features" data-section="features"> <div id="about" data-section="about">
<FeatureCardEight <MetricSplitMediaAbout
textboxLayout="default" useInvertedBackground={true}
useInvertedBackground={false} title="Authentic Local Flavor"
features={[ description="Daiya Food brings bold, fusion flavors to the heart of Galle. Famous for our shovel-served meals and generous portions."
{ metrics={[
title: "Large Portions", description: "We believe in generous servings that leave you completely satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-steamed-rice-meal-plate_140725-114461.jpg", imageAlt: "Large Portions"}, { value: "10+", title: "Years Serving" },
{ { value: "350+", title: "Daily Diners" },
title: "Affordable Prices", description: "High-quality fusion food at prices that everyone can enjoy.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-inside-plate-dark-photo-meal-food-healthy-life-diet_140725-144107.jpg", imageAlt: "Affordable Prices"}, { value: "50+", title: "Fusion Items" },
{ ]}
title: "Family Friendly", description: "A welcoming atmosphere for families, groups, and children.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-fresh-healthy-vegetable-salad-wooden-cutting-board-white-table_140725-86892.jpg", imageAlt: "Family Friendly"}, imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
]} />
title="Why Choose Daiya" </div>
description="Authentic local ingredients, huge portions, and unique dining experiences."
/>
</div>
<div id="social-proof" data-section="social-proof"> <div id="contact" data-section="contact">
<SocialProofOne <ContactSplit
textboxLayout="default" useInvertedBackground={false}
useInvertedBackground={true} background={{ variant: "plain" }}
names={[ tag="Get in Touch"
"Uber Eats", "PickMe Food", "FoodPanda", "Local Delivery", "Galle Direct", "Island Eats", "Quick Bites"]} title="Book Your Table or Order"
title="Trusted by Delivery Platforms" description="347 Dangedara Road, Galle. We are ready to serve you!"
description="You can find us on your favorite food delivery apps across Galle." imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836919.jpg"
/> buttonText="Send Inquiry"
</div> />
</div>
<div id="testimonials" data-section="testimonials"> <a href="https://wa.me/94712669900" className="fixed bottom-6 right-6 z-50 p-4 bg-green-500 text-white rounded-full shadow-lg hover:bg-green-600 transition-all">
<TestimonialCardSix <MessageCircle size={32} />
animationType="slide-up" </a>
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", handle: "@sarah_galle", testimonial: "Huge portions and amazing flavor. The shovel rice is a must-try!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5060.jpg"},
{
id: "2", name: "Michael C.", handle: "@michealc", testimonial: "The best fusion food I've had in Galle. Great for family dinners.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-food_23-2149333832.jpg"},
{
id: "3", name: "Emily R.", handle: "@emilygalle", testimonial: "Affordable prices and the staff are incredibly friendly.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg"},
{
id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast delivery, hot food. The kottu is simply the best in town.", imageSrc: "http://img.b2bpic.net/free-photo/happy-women-dinner-table_23-2148681859.jpg"},
{
id: "5", name: "Jessica L.", handle: "@jessl", testimonial: "Unique shovel serving style made our group event memorable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweets-handmade-handmade-sweets-from-nuts-dried-fruits-honey_176474-913.jpg"},
]}
title="Customer Reviews"
description="See what our diners have to say about the Daiya experience."
/>
</div>
<div id="about" data-section="about"> <div id="footer" data-section="footer">
<MetricSplitMediaAbout <FooterBaseCard
useInvertedBackground={true} logoText="Daiya Food"
title="Authentic Local Flavor" columns={[
description="Daiya Food is dedicated to bringing bold, fusion flavors to the heart of Galle. Our story started with a passion for good food and community." { title: "Menu", items: [{ label: "Popular Dishes", href: "#menu" }, { label: "Signature Rice", href: "#menu" }] },
metrics={[ { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/94712669900" }, { label: "Directions", href: "#contact" }] }
{ ]}
value: "10+", title: "Years of Flavor"}, copyrightText="© 2025 Daiya Food Restaurant"
{ />
value: "350+", title: "Daily Happy Diners"}, </div>
{
value: "50+", title: "Fusion Menu Items"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Get in Touch"
title="Book Your Table or Order Now"
description="We're located at 347 Dangedara Road, Galle. Reach out for reservations, bulk orders, or event bookings."
imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836919.jpg"
mediaAnimation="slide-up"
inputPlaceholder="Enter your request"
buttonText="Send Order Request"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Daiya Food"
columns={[
{
title: "Navigation", items: [
{
label: "Home", href: "#hero"},
{
label: "Menu", href: "#menu"},
{
label: "Reviews", href: "#testimonials"},
],
},
{
title: "Contact", items: [
{
label: "Call Us", href: "tel:+94712669900"},
{
label: "WhatsApp", href: "https://wa.me/94712669900"},
{
label: "Address", href: "#contact"},
],
},
]}
copyrightText="© 2025 | Daiya Food Restaurant"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );