Initial commit
This commit is contained in:
238
src/app/page.tsx
Normal file
238
src/app/page.tsx
Normal file
@@ -0,0 +1,238 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user