Merge version_2 into main #4
172
src/app/page.tsx
172
src/app/page.tsx
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -30,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Why Us", id: "why"},
|
||||
{
|
||||
name: "Visit", id: "visit"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
brandName="Açaí Center"
|
||||
/>
|
||||
@@ -45,51 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Melbourne’s Freshest Açaí Experience"
|
||||
description="Made fresh. Generous portions. Crafted to fuel your day."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us Today", href: "#visit"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us Today", href: "#visit" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-with-cabbage-muffin_23-2148173232.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "100% Organic Açaí"},
|
||||
{
|
||||
type: "text", text: "Hand-crafted in Melbourne"},
|
||||
{
|
||||
type: "text", text: "Fresh daily toppings"},
|
||||
{
|
||||
type: "text", text: "Vegan & Dairy-Free options"},
|
||||
{
|
||||
type: "text", text: "Premium Superfood"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just Açaí"
|
||||
tag="Our Story"
|
||||
/>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Before & After Transformation"
|
||||
description="See the vibrant transformation from raw ingredients to your perfect bowl."
|
||||
products={[
|
||||
{ id: "1", name: "Raw Ingredients", price: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg" },
|
||||
{ id: "2", name: "Final Masterpiece", price: "Delicious", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788545.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
@@ -99,44 +75,25 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Classic Bowl", price: "$12.00", variant: "Customer favourite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg"},
|
||||
{
|
||||
id: "2", name: "Protein Power", price: "$14.50", variant: "Perfect after gym", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=1"},
|
||||
{
|
||||
id: "3", name: "Biscoff Indulgence", price: "$13.50", variant: "Sweet & viral-style", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", name: "Tropical Blend", price: "$12.50", variant: "Island flavors", imageSrc: "http://img.b2bpic.net/free-photo/berries-colorful-berries-oatmeal-yellow-candies-pomegranate-seeds_140725-73683.jpg"},
|
||||
{
|
||||
id: "5", name: "Berry Blitz", price: "$13.00", variant: "Fresh energy", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788545.jpg"},
|
||||
{
|
||||
id: "6", name: "Nutty Crunch", price: "$14.00", variant: "Protein rich", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruity-muesli-with-fresh-sliced-fruits_140725-84754.jpg"},
|
||||
{ id: "1", name: "Classic Bowl", price: "$12.00", variant: "Customer favourite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oatmeal-porridge-with-strawberries-blueberries-bananas-dried-fruits-nuts-ceramic-bowl-purple-wooden-surface-with-copy-space_141793-7081.jpg" },
|
||||
{ id: "2", name: "Protein Power", price: "$14.50", variant: "Perfect after gym", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-desserts-with-cereal-blueberries_23-2148417431.jpg?_wi=1" },
|
||||
]}
|
||||
title="Our Signature Bowls"
|
||||
description="Crafted fresh on the spot with the highest quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Fresh Made", description: "Prepared on the spot", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "Daily", title: "Farm Fresh", description: "High quality ingredients", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "XL", title: "Generous", description: "Never skimping on size", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Commitment to Quality"
|
||||
description="Every order is made fresh and carefully prepared to ensure consistency."
|
||||
/>
|
||||
<div id="process" data-section="process">
|
||||
<TimelinePhoneView
|
||||
title="Our Process"
|
||||
description="Step-by-step to the perfect bowl"
|
||||
textboxLayout="default"
|
||||
items={[
|
||||
{ trigger: "Selection", content: "Choosing the best acai berries." },
|
||||
{ trigger: "Blending", content: "Blending for perfect texture." },
|
||||
{ trigger: "Topping", content: "Adding fresh fruits and crunch." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
@@ -146,64 +103,33 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Local", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Visitor", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R.", role: "Regular", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", role: "Fitness Enthusiast", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg"},
|
||||
{
|
||||
id: "5", name: "Jessica L.", role: "Foodie", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-cabbage-muffin_23-2148173232.jpg"},
|
||||
{ id: "1", name: "Sarah J.", role: "Local", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Visitor", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-guy-eating-cereals_23-2148334475.jpg" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it—join the community of happy açaí lovers."
|
||||
description="Join the community of happy açaí lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at Centreway, Melbourne. Mon–Fri: 7am–6pm, Sat–Sun: 8am–3pm."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Visit Us", href: "#visit"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AÇAI CENTER"
|
||||
/>
|
||||
<FooterMedia
|
||||
logoText="AÇAI CENTER"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user