298 lines
15 KiB
TypeScript
298 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/fruit-juice-glass-fruits_23-2147684391.jpg?_wi=1"
|
|
logoAlt="Auburn Fresh Juice Centre Logo"
|
|
brandName="Auburn Fresh Juice Centre"
|
|
button={{
|
|
text: "Order Online", href: "#menu"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Experience Freshness at Auburn Fresh Juice Centre"
|
|
description="Indulge in vibrant, delicious, and healthy beverages. From signature faloodas to refreshing sugarcane juice, we craft every drink with the freshest ingredients."
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Menu", href: "#menu"},
|
|
{
|
|
text: "Visit Us Today", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/freshly-squeezed-juice-various-fruits-showcases-cafe-table_23-2150392398.jpg?_wi=1"
|
|
imageAlt="Assortment of fresh fruit juices and falooda"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12707.jpg", alt: "Happy customer smiling"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people_273609-1905.jpg", alt: "Satisfied client drinking juice"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glad-young-female-with-satisfied-expression-has-attractive-look-keeps-hands-chin-being-relaxed-as-spend-free-time-cozy-restaurant-enjoys-fresh-drink-has-summer-vacation-tropics_273609-3040.jpg", alt: "Woman enjoying a fresh drink"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-enjoying-dragon-fruit-drink-outdoors_23-2150295966.jpg", alt: "Customer giving positive review"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-laughing-work_23-2149006885.jpg", alt: "Person with refreshing beverage"},
|
|
]}
|
|
avatarText="Join our 10,000+ happy customers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/freshly-squeezed-orange-juice-glass-wooden-table_23-2148149544.jpg?_wi=1", alt: "Fresh orange juice"},
|
|
{
|
|
type: "text", text: "Vibrant Flavors"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/freshly-squeezed-juice-various-fruits-showcases-cafe-table_23-2150392398.jpg?_wi=1", alt: "Assorted fresh juices"},
|
|
{
|
|
type: "text", text: "Healthy Choices"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-green-juice-healthy-lifestyle_23-2149593026.jpg?_wi=1", alt: "Close-up of green juice"},
|
|
{
|
|
type: "text", text: "Daily Freshness"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/fresh-fruit-juices_23-2147775949.jpg?_wi=1", alt: "Multiple fruit juices"},
|
|
{
|
|
type: "text", text: "Local Ingredients"},
|
|
]}
|
|
marqueeSpeed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Passion for "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/various-homemade-fresh-fruit-juices-cocktails-glass-bottles-dark-background_23-2148149542.jpg?_wi=1", alt: "Auburn Fresh Juice Centre Logo"},
|
|
{
|
|
type: "text", content: " Freshness"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "falooda", name: "Mumtaz Special Falooda", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-drink-glass_23-2147775940.jpg?_wi=1", imageAlt: "A glass of Mumtaz Special Falooda with various toppings"},
|
|
{
|
|
id: "sugarcane", name: "Fresh Sugarcane Juice", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-sugarcane-juice-cup-with-ice-chopping-board-white_23-2148818596.jpg?_wi=1", imageAlt: "A glass of freshly squeezed sugarcane juice with ice"},
|
|
{
|
|
id: "chocolate-milkshake", name: "Rich Chocolate Milkshake", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-shake-with-whipped-cream-chocolate-sauce_23-2148417724.jpg?_wi=1", imageAlt: "A tall glass of chocolate milkshake with whipped cream"},
|
|
{
|
|
id: "mixed-fruit-juice", name: "Vibrant Mixed Fruit Juice", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/mixed-fruit-juice-composition_23-2147775946.jpg?_wi=1", imageAlt: "A glass of colorful mixed fruit juice"},
|
|
{
|
|
id: "berry-smoothie", name: "Berry Blast Smoothie", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-blended-smoothie-glass-with-straw_23-2149021200.jpg?_wi=1", imageAlt: "A glass of berry smoothie topped with fresh berries"},
|
|
{
|
|
id: "club-sandwich", name: "Classic Club Sandwich", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-breakfast-lunch-ideas-bread-with-cheese-avocado-salmon_8353-8797.jpg", imageAlt: "A perfectly layered club sandwich"},
|
|
]}
|
|
title="Our Signature Offerings"
|
|
description="Discover a diverse menu crafted with fresh fruits, premium ingredients, and a dash of passion. From traditional faloodas to energizing fresh juices, find your perfect refreshment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
negativeCard={{
|
|
items: [
|
|
"No Artificial Flavors", "No Preservatives", "No Compromise on Quality"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Fresh, Local Ingredients", "Handcrafted Beverages", "Exceptional Customer Service"],
|
|
}}
|
|
title="Why Choose Auburn Fresh Juice Centre?"
|
|
description="We are dedicated to providing the highest quality and most refreshing experience for every customer."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "experience", value: "10+", title: "Years of Experience", items: [
|
|
"Crafting perfect blends", "Delighting taste buds", "Serving the community"],
|
|
},
|
|
{
|
|
id: "customers", value: "750+", title: "Happy Customers", items: [
|
|
"Daily visitors", "Loyal patrons", "Positive feedback"],
|
|
},
|
|
{
|
|
id: "menu-items", value: "50+", title: "Menu Items", items: [
|
|
"Variety of juices", "Delicious faloodas", "Refreshing milkshakes"],
|
|
},
|
|
]}
|
|
title="Our Commitment to Excellence"
|
|
description="Years of dedication and passion have made us a local favorite. Discover the numbers that speak for themselves."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Amira S.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-double-ok-gesture-with_1298-451.jpg", imageAlt: "Customer Amira S."},
|
|
{
|
|
id: "2", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039413.jpg", imageAlt: "Customer David L."},
|
|
{
|
|
id: "3", name: "Priya M.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2781.jpg", imageAlt: "Customer Priya M."},
|
|
{
|
|
id: "4", name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", imageAlt: "Customer James R."},
|
|
{
|
|
id: "5", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "Customer Sophie K."},
|
|
{
|
|
id: "6", name: "Carlos V.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-isolated-yellow-background-smiling-with-happy-face-winking-camera-doing-ok-sign-with-hand-finger_118671-1823.jpg", imageAlt: "Customer Carlos V."},
|
|
]}
|
|
cardTitle="Hear From Our Happy Customers"
|
|
cardTag="Authentic Reviews"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your operating hours?", content: "We are open daily from 6 AM and close at 1 AM, ready to serve you fresh juices and faloodas at your convenience."},
|
|
{
|
|
id: "2", title: "Do you offer delivery services?", content: "Yes, we offer both takeaway and delivery services. You can order online through our partners like Uber Eats and DoorDash."},
|
|
{
|
|
id: "3", title: "Are your juices made from fresh ingredients?", content: "Absolutely! We pride ourselves on using only the freshest, high-quality fruits and ingredients for all our beverages, sourced locally whenever possible."},
|
|
{
|
|
id: "4", title: "Can I customize my juice or falooda?", content: "Yes, we offer various customization options to ensure your drink is made exactly to your liking. Feel free to ask our friendly staff about substitutions or additions."},
|
|
{
|
|
id: "5", title: "Do you have options for specific dietary needs?", content: "We strive to cater to various dietary preferences. Please inform our staff about any allergies or dietary restrictions, and we'll do our best to accommodate."},
|
|
{
|
|
id: "6", title: "Where is Auburn Fresh Juice Centre located?", content: "You can find us at Shop 1, 1-5 Queen St, Auburn NSW 2144. We're conveniently located in the heart of Auburn."},
|
|
]}
|
|
title="Your Questions, Answered"
|
|
description="Find quick answers to the most common questions about our products, services, and location."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
tag="Get in Touch"
|
|
title="Visit Our Store or Reach Out!"
|
|
description="Find us at Shop 1, 1-5 Queen St, Auburn NSW 2144. We're open daily from 6 AM to 1 AM. For any inquiries, use the contact form below."
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message you're confirming that you agree with our Privacy Policy."
|
|
onSubmit={(email) => console.log(email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Fresh Juices", href: "#menu"},
|
|
{
|
|
label: "Falooda", href: "#menu"},
|
|
{
|
|
label: "Milkshakes", href: "#menu"},
|
|
{
|
|
label: "Snacks", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText={`© ${new Date().getFullYear()} Auburn Fresh Juice Centre. All rights reserved.`}
|
|
bottomRightText="Freshness Delivered, Locally Loved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|