Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8b9374167d | |||
| efab6feae6 | |||
| baacbec0ee | |||
| 693ac1812e | |||
| 94f9ff7dec |
52
src/app/contact/page.tsx
Normal file
52
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Menu", id: "/#menu" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Glenbrook Takeaway"
|
||||
/>
|
||||
<div className="pt-32 pb-16">
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="6/31 Ross St, Glenbrook NSW 2773. Call us at (02) 4739 0000"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Glenbrook Takeaway."
|
||||
bottomRightText=""
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
259
src/app/page.tsx
259
src/app/page.tsx
@@ -2,16 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Menu", id: "/#menu" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Glenbrook Takeaway"
|
||||
/>
|
||||
@@ -54,61 +40,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Fresh, Delicious Takeaway in Glenbrook"
|
||||
description="Best burgers and fish & chips made fresh daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "/#menu" },
|
||||
{ text: "Order Now", href: "/contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-with-fries-wooden-board_23-2148238467.jpg",
|
||||
imageAlt: "Fresh takeaway burger",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-box_187299-46091.jpg",
|
||||
imageAlt: "Classic fish and chips",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-eating-healthy-food_23-2149151666.jpg",
|
||||
imageAlt: "Fresh burger display",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-burger-meal-near-dinner_23-2151433407.jpg",
|
||||
imageAlt: "Local takeaway meal",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-meal_23-2152022813.jpg",
|
||||
imageAlt: "Tasy takeaway dinner",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291697.jpg",
|
||||
imageAlt: "Takeaway restaurant vibe",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-with-fries-wooden-board_23-2148238467.jpg", imageAlt: "Fresh takeaway burger" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/food-box_187299-46091.jpg", imageAlt: "Classic fish and chips" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-eating-healthy-food_23-2149151666.jpg", imageAlt: "Fresh burger display" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/giant-burger-meal-near-dinner_23-2151433407.jpg", imageAlt: "Local takeaway meal" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-meal_23-2152022813.jpg", imageAlt: "Tasy takeaway dinner" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291697.jpg", imageAlt: "Takeaway restaurant vibe" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Local Takeaway Serving Glenbrook with Heart"
|
||||
/>
|
||||
<TextAbout useInvertedBackground={true} title="A Local Takeaway Serving Glenbrook with Heart" />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
@@ -116,20 +67,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Always busy peak times",
|
||||
"Walk-in wait times apply",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh, daily ingredients",
|
||||
"Affordable local pricing",
|
||||
"Friendly neighborhood service",
|
||||
"Best burger in town",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Always busy peak times", "Walk-in wait times apply"] }}
|
||||
positiveCard={{ items: ["Fresh, daily ingredients", "Affordable local pricing", "Friendly neighborhood service", "Best burger in town"] }}
|
||||
title="Why Glenbrook Loves Our Food"
|
||||
description="We pride ourselves on fresh ingredients and friendly service every single day."
|
||||
/>
|
||||
@@ -142,42 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Burger with the Lot",
|
||||
price: "$14.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-gourmet-cheeseburger-rustic-sesame-bun-generated-by-ai_188544-43165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Egg & Bacon Burger",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-ham-cheese-omelette_1339-7222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Battered Fish & Chips",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/takeaway-box-with-chicken-barbecue-fried-potatoes-inside_114579-4469.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crispy Potato Chips",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-fingers-with-french-fries-ketchup-mayonnaise-sweet-chili-sauce-side-viewjpg_141793-12147.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cheeseburger Meal",
|
||||
price: "$13.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-hamburger-menu-arrangement_23-2148614047.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chicken Schnitzel Burger",
|
||||
price: "$11.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-wooden-plate-with-tomato-sauce_1150-20206.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Burger with the Lot", price: "$14.90", imageSrc: "http://img.b2bpic.net/free-photo/grilled-gourmet-cheeseburger-rustic-sesame-bun-generated-by-ai_188544-43165.jpg" },
|
||||
{ id: "p2", name: "Egg & Bacon Burger", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/homemade-ham-cheese-omelette_1339-7222.jpg" },
|
||||
{ id: "p3", name: "Battered Fish & Chips", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/takeaway-box-with-chicken-barbecue-fried-potatoes-inside_114579-4469.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From our famous burgers to classic fish and chips, taste the Glenbrook difference."
|
||||
@@ -191,144 +97,33 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Local",
|
||||
company: "Glenbrook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25268.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Thompson",
|
||||
role: "Regular",
|
||||
company: "Glenbrook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Wilson",
|
||||
role: "Foodie",
|
||||
company: "Glenbrook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Davis",
|
||||
role: "Parent",
|
||||
company: "Glenbrook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Brown",
|
||||
role: "Customer",
|
||||
company: "Glenbrook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-kombucha-gathering_23-2150168580.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Local", company: "Glenbrook", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25268.jpg" },
|
||||
{ id: "t2", name: "John Thompson", role: "Regular", company: "Glenbrook", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
|
||||
]}
|
||||
title="Loved by Glenbrook Locals"
|
||||
description="See why we're rated 5 stars by our amazing community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"5-Star Rated",
|
||||
"Fresh Ingredients",
|
||||
"Best Burger in Town",
|
||||
"Local Favorite",
|
||||
"Glenbrook Community Support",
|
||||
"Quality Guaranteed",
|
||||
"Authentic Takeaway",
|
||||
]}
|
||||
title="Our Community Standing"
|
||||
description="Proudly rated and recognized by local diners and critics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer online ordering?",
|
||||
content: "Yes, we have a click-to-call service available for fast ordering.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are at 6/31 Ross St, Glenbrook NSW 2773.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your opening hours?",
|
||||
content: "Check our contact section for our daily operating times.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer online ordering?", content: "Yes, we have a click-to-call service available for fast ordering." },
|
||||
{ id: "f2", title: "Where are you located?", content: "We are at 6/31 Ross St, Glenbrook NSW 2773." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about ordering."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch with Glenbrook Takeaway"
|
||||
description="Address: 6/31 Ross St, Glenbrook NSW 2773 | Phone: (02) 4739 0000 | Hours: Mon-Sun 10am-8pm"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Glenbrook Takeaway",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Glenbrook Takeaway."
|
||||
bottomRightText="Freshly made daily."
|
||||
bottomRightText=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--background: #f0f9ff;
|
||||
--card: #e0f2fe;
|
||||
--foreground: #082f49;
|
||||
--primary-cta: #0369a1;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #bae6fd;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #FF7B05;
|
||||
--accent: #7dd3fc;
|
||||
--background-accent: #0ea5e9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user