239 lines
11 KiB
TypeScript
239 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Leaf, ChefHat, Globe, Heart, Clock, Flame, Utensils, Croissant, PieChart, Beef, Star, Moon, Zap, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Istanbul Grill"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Authentic Turkish Flavours in the Heart of Kogarah"
|
|
description="Fresh kebabs, handmade pide, gozleme and legendary HSPs — made with passion and served late."
|
|
tag="Hidden Gem. Real Food. Made Fresh."
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "blurBottom" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j28a7y"
|
|
imageAlt="Freshly grilled Turkish kebab with vibrant vegetables"
|
|
buttons={[
|
|
{ text: "Order Now", href: "contact" },
|
|
{ text: "Call Us", href: "tel:(02) 8084 6760" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why People Love Istanbul Grill"
|
|
description="Locals know that the best food in Kogarah isn't always the biggest restaurant. At Istanbul Grill, everything is prepared fresh with care — from house-made chicken to traditional Turkish pide. Owner and chef Yasar believes in one thing above all: Quality over mass production."
|
|
tag="Our Philosophy"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Fresh Ingredients Daily", description: "We source the finest ingredients every single day to ensure maximum quality and flavor in every dish.", icon: Leaf
|
|
},
|
|
{
|
|
title: "House-Made Chicken and Pide", description: "Everything is prepared in-house with traditional techniques and authentic Turkish recipes passed down through generations.", icon: ChefHat
|
|
},
|
|
{
|
|
title: "Authentic Turkish Recipes", description: "We honor traditional Turkish culinary methods, ensuring every kebab, pide, and gozleme tastes like it came straight from Istanbul.", icon: Globe
|
|
},
|
|
{
|
|
title: "Friendly Local Service", description: "Our team treats every customer like family, providing warm, genuine service that makes you feel at home.", icon: Heart
|
|
},
|
|
{
|
|
title: "Open Late When Others Close", description: "Perfect for late-night cravings and hospital shifts — we're here when you need us most, serving hot food until late hours.", icon: Clock
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dpk4r1"
|
|
imageAlt="Warm, inviting interior of Istanbul Grill restaurant"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="An incredible snack pack — tasty, generous and perfect when you're hungry. The HSP here is legendary, and the kebabs are absolutely fresh. Amazing value for money and the owner really cares about quality."
|
|
rating={5}
|
|
author="Sarah M., Local Customer"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by3wlk", alt: "Sarah M." },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p75sep", alt: "Local Guide" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jedw4e", alt: "Google Review" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8nu4s0", alt: "Hospital Visitor" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureBorderGlow
|
|
features={[
|
|
{
|
|
icon: Flame,
|
|
title: "HSP (Halal Snack Pack)", description: "Crispy chips topped with premium kebab meat and our signature sauce. A late-night legend."
|
|
},
|
|
{
|
|
icon: Utensils,
|
|
title: "Traditional Turkish Kebabs", description: "Fresh bread, quality meats and vibrant vegetables. Made fresh to order, exactly how it should be."
|
|
},
|
|
{
|
|
icon: Croissant,
|
|
title: "House-Made Pide", description: "Traditional Turkish flatbread baked fresh in our oven. Authentic taste in every bite."
|
|
},
|
|
{
|
|
icon: PieChart,
|
|
title: "Gozleme", description: "Hand-rolled Turkish pastry filled with savoury ingredients. Crispy outside, warm inside."
|
|
},
|
|
{
|
|
icon: Beef,
|
|
title: "Burgers & Loaded Chips", description: "Perfect comfort food made fresh to order. Generous portions with premium toppings."
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "Special Orders Welcome", description: "Tell us what you want — we'll make it fresh. No shortcuts, just quality."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Signature Menu"
|
|
description="Customer Favourites crafted with passion, premium ingredients, and traditional Turkish techniques. Generous portions. Honest prices. Real flavour."
|
|
tag="🔥 Must-Try Items"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="late-night" data-section="late-night">
|
|
<FeatureBorderGlow
|
|
features={[
|
|
{
|
|
icon: Moon,
|
|
title: "Open Late Every Night", description: "We're here when you need us most. Hot food, fast service, no shortcuts."
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Fast Service", description: "Quick turnaround without compromising quality. Your order made fresh and ready fast."
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
title: "Minutes from St George Hospital", description: "Perfect for hospital visitors, night shift workers, and anyone craving late-night Turkish food."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Perfect for Late-Night Food in Kogarah"
|
|
description="Whether you're finishing a late shift, visiting family at St George Hospital, or just craving a proper kebab — Istanbul Grill is one of the few places open late in the area."
|
|
tag="Always Open Late"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactCTA
|
|
tag="Visit Istanbul Grill"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
title="148 Railway Parade, Kogarah NSW 2217"
|
|
description="Located just minutes from the station and St George Hospital. Easy takeaway. Friendly service. Real Turkish flavour. Call us now to order or get directions — we're ready to serve you."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=148+Railway+Parade+Kogarah+NSW" },
|
|
{ text: "Call Now", href: "tel:(02) 8084 6760" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Hungry?"
|
|
tagAnimation="slide-up"
|
|
title="Come taste why locals call it Kogarah's hidden gem"
|
|
description="Fresh food made with passion. No shortcuts. No compromises. Just real Turkish cuisine served hot and late."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:(02) 8084 6760" },
|
|
{ text: "Visit Us Tonight", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "blurBottom" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Istanbul Grill"
|
|
copyrightText="© 2025 Istanbul Grill | Authentic Turkish Cuisine in Kogarah"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Location", href: "#location" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (02) 8084 6760", href: "tel:(02) 8084 6760" },
|
|
{ label: "148 Railway Parade, Kogarah", href: "https://maps.google.com/?q=148+Railway+Parade+Kogarah+NSW" },
|
|
{ label: "Get Directions", href: "https://maps.google.com/?q=148+Railway+Parade+Kogarah+NSW" },
|
|
{ label: "Order Online", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Open Late Every Night", href: "#" },
|
|
{ label: "Fresh Food Made Daily", href: "#" },
|
|
{ label: "Perfect for Hospital Visits", href: "#" },
|
|
{ label: "Late Night Takeaway", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|