Switch to version 1: modified src/app/page.tsx
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -3,8 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
@@ -25,16 +25,28 @@ export default function LandingPage() {
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Location", id: "contact" },
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="KFC Calamvale"
|
||||
/>
|
||||
@@ -44,16 +56,62 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="KFC Calamvale: Simply Legendary"
|
||||
description="Experience the world-famous original recipe chicken, prepared fresh daily in the heart of Calamvale."
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Order Now", href: "#contact" }]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-chicken-wings-inside-plate-light-background-food-horizontal-sandwich-meal-burger-color-meat_140725-156944.jpg"
|
||||
imageAlt="delicious fried chicken bucket close up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beer-near-chicken-sauce_23-2147765507.jpg",
|
||||
alt: "Beer near chicken and sauce",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pieces-fried-chicken-near-tasty-sauce_23-2147717047.jpg",
|
||||
alt: "Pieces of fried chicken near tasty sauce",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-chicken-with-french-fries_140725-114483.jpg",
|
||||
alt: "Top view of delicious fried chicken with french fries",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fried-prawns-garlic-sauce-side-view_141793-4432.jpg",
|
||||
alt: "Fried prawns in garlic sauce side view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-holding-paper-food-package-showing-silence-sign-pink-background-service-job-delivery-uniform-company_140725-39108.jpg",
|
||||
alt: "happy customer eating fried chicken",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ local chicken lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "The Heart of " }, { type: "image", src: "http://img.b2bpic.net/free-photo/chef-recording-detailed-cooking-demonstration-vlog-tutorial_482257-121188.jpg" }, { type: "text", content: " Calamvale Comfort" }]}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Heart of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/chef-recording-detailed-cooking-demonstration-vlog-tutorial_482257-121188.jpg",
|
||||
alt: "fresh ingredients in kitchen restaurant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Calamvale Comfort",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,8 +122,48 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Original Recipe Bucket", price: "$24.95", variant: "12 Pieces", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fried-chicken-with-ketchup_23-2148273041.jpg" },
|
||||
{ id: "2", name: "Zinger Burger", price: "$8.95", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/chicken-burger-with-fried-apple-shape-potatoes_140725-4534.jpg" }
|
||||
{
|
||||
id: "1",
|
||||
name: "Original Recipe Bucket",
|
||||
price: "$24.95",
|
||||
variant: "12 Pieces",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fried-chicken-with-ketchup_23-2148273041.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zinger Burger",
|
||||
price: "$8.95",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-burger-with-fried-apple-shape-potatoes_140725-4534.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Coleslaw Side",
|
||||
price: "$4.50",
|
||||
variant: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-grated-vegetables-with-lemon-marble-background_114579-67087.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Golden Fries",
|
||||
price: "$3.95",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-raw-pasta-wooden-bowl_114579-76283.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vanilla Sundae",
|
||||
price: "$4.00",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-ring-milkshake-wooden-plate-marble-table_114579-24202.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pepsi",
|
||||
price: "$3.50",
|
||||
variant: "Cold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-cold-drink-with-blueberries_181624-31189.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Freshly prepared every day using high-quality ingredients."
|
||||
@@ -77,7 +175,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Serving Smiles Daily"
|
||||
tag="Our Impact"
|
||||
metrics={[{ id: "m1", value: "100+", description: "Meals Served Daily" }, { id: "m2", value: "20", description: "Years of Tradition" }]}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Meals Served Daily",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Happy Calamvale Locals",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,7 +201,48 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Best KFC in the region!", rating: 5 }]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best KFC in the region, always fresh!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-holding-paper-food-package-showing-silence-sign-pink-background-service-job-delivery-uniform-company_140725-39108.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Love the crunch, consistently great.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-blue-uniform-holding-food-package-showing-silence-sign-pink-desk-job-worker-service-uniform-company_140725-36307.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Fast and friendly service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "Great atmosphere for a family meal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-pizza_23-2151231286.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Clark",
|
||||
handle: "@tomc",
|
||||
testimonial: "Always hit the spot with cravings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Calamvale Loves Our Chicken"
|
||||
description="What our guests have to say."
|
||||
@@ -98,47 +253,69 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Top Choice 2024", "Local Hygiene Gold", "Fresh Choice"]}
|
||||
names={[
|
||||
"Top Choice 2024",
|
||||
"Local Hygiene Gold",
|
||||
"Delivery Master",
|
||||
"Award Winning",
|
||||
"Fresh Choice",
|
||||
"Customer Loved",
|
||||
"Community Star",
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Quality you can taste."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your hours?", content: "Open daily from 10am to 10pm." },
|
||||
{ id: "f2", title: "How do I order online?", content: "Visit our website or order through our partner apps." },
|
||||
{ id: "f3", title: "Do you offer catering?", content: "Yes, we cater to all types of gatherings." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our restaurant."
|
||||
faqsAnimation="slide-up"
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Opening Hours",
|
||||
content: "Open daily from 10am to 10pm.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Delivery Options",
|
||||
content: "We offer delivery via all major apps.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Catering Available",
|
||||
content: "Yes, we handle large orders.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Visit Us"
|
||||
description="Located in Calamvale Central. Order online for quick pickup or delivery."
|
||||
tag="Find Us"
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive local offers."
|
||||
mediaAnimation="slide-up"
|
||||
tag="Newsletter"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-cape-holding-delivery-food-package-pink-wall-uniform-delivery-service-company-work-girl_140725-41853.jpg"
|
||||
imageAlt="Front view female courier in red uniform and cape holding delivery food package on the pink wall, uniform delivery service company work girl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterCard
|
||||
logoText="KFC Calamvale"
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Calamvale Central, QLD", href: "#" }] },
|
||||
{ title: "Order", items: [{ label: "Order Online", href: "#" }, { label: "Catering", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 KFC Calamvale"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user