3 Commits

Author SHA1 Message Date
0f8198b562 Update src/app/page.tsx 2026-05-18 13:04:09 +00:00
9e6a8117dd Update src/app/styles/variables.css 2026-05-18 13:03:42 +00:00
a0a63263c6 Update src/app/page.tsx 2026-05-18 13:03:42 +00:00
2 changed files with 29 additions and 283 deletions

View File

@@ -31,117 +31,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Menu", id: "menu" },
id: "hero", { name: "Catering", id: "catering" },
}, { name: "Location", id: "location" },
{
name: "Menu",
id: "menu",
},
{
name: "Catering",
id: "catering",
},
{
name: "Location",
id: "location",
},
]} ]}
brandName="Elementary" brandName="Elementary Cafe"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Your neighbourhood café, reimagined." title="Your neighbourhood café, reimagined."
description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield." description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield."
testimonials={[ testimonials={[
{ { name: "Sarah L.", handle: "@sarah", testimonial: "The best brunch spot in Lindfield.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-z026x9c6.jpg" },
name: "Sarah L.", { name: "Michael R.", handle: "@micheal", testimonial: "Consistently perfect coffee.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-i2aqv62d.jpg" },
handle: "@sarah",
testimonial: "The best brunch spot in Lindfield. The ricotta toast is life-changing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/types-foods-cookies-drinks-put-table-front-flower-vase_181624-21166.jpg",
},
{
name: "Michael R.",
handle: "@micheal",
testimonial: "Consistently perfect coffee and such a calm, beautiful space.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girls-enjoying-their-breakfast_23-2148238370.jpg",
},
{
name: "Emily T.",
handle: "@emily",
testimonial: "My go-to for slow Sunday mornings. The team is so welcoming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408578.jpg",
},
{
name: "David K.",
handle: "@david",
testimonial: "Simply exceptional specialty coffee. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-restaurant-green-salad-bruschetta-with-arugula-salmon-matcha-latte_343596-4698.jpg",
},
{
name: "Jessica B.",
handle: "@jessica",
testimonial: "The atmosphere is unmatched. Truly a local ritual.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7041.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
alt: "Barista portrait",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",
alt: "Staff member",
},
{
src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
alt: "Barista at work",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-barista-wearing-mask_23-2148892846.jpg",
alt: "Team member",
},
{
src: "http://img.b2bpic.net/free-photo/woman-barista-coffee-shop-preparing-coffee_1303-29482.jpg",
alt: "Woman barista",
},
]}
marqueeItems={[
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Community Coffee",
},
{
type: "text",
text: "Fresh Pastries",
},
{
type: "text",
text: "Seasonal Brunch",
},
{
type: "text",
text: "Slow Mornings",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-6dwtqhme.jpg"
/> />
</div> </div>
@@ -149,15 +58,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Locally Loved", "Specialty Coffee", "Fresh Pastries", "Community Focused"]}
"Locally Loved in Lindfield",
"Specialty Coffee Daily",
"Fresh Pastries Morning",
"Sydneys Best Cafés",
"Community Focused",
"Expert Baristas",
"Seasonal Menu",
]}
title="Loved by locals" title="Loved by locals"
description="Building community, one cup at a time." description="Building community, one cup at a time."
/> />
@@ -168,25 +69,8 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Signature Experiences" title="Signature Experiences"
description="Thoughtfully crafted moments." description="Thoughtfully crafted moments."
accordionItems={[ imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-qz7zodx1.jpg"
{ accordionItems={[{ id: "coffee", title: "Coffee", content: "Precision-roasted beans." }, { id: "brunch", title: "Brunch", content: "Seasonal plates." }]}
id: "coffee",
title: "Coffee",
content: "Precision-roasted beans. Silky milk. No shortcuts.",
},
{
id: "brunch",
title: "Brunch",
content: "Seasonal plates designed for long conversations.",
},
{
id: "community",
title: "Community",
content: "A calm corner for locals, remote workers, and weekend catchups.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee_23-2148892856.jpg"
mediaAnimation="slide-up"
/> />
</div> </div>
@@ -196,72 +80,16 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
useInvertedBackground={false} useInvertedBackground={false}
products={[
{
id: "1",
name: "Whipped Ricotta Toast",
price: "$18",
variant: "Brunch",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2148941529.jpg",
},
{
id: "2",
name: "Miso Mushroom Brioche",
price: "$22",
variant: "Brunch",
imageSrc: "http://img.b2bpic.net/free-photo/raisin-bread_1339-4547.jpg",
},
{
id: "3",
name: "Citrus Hotcakes",
price: "$20",
variant: "Specials",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pancakes-with-fruits-top_181624-18561.jpg",
},
{
id: "4",
name: "Elementary Breakfast",
price: "$25",
variant: "Brunch",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-delicious-bagels-inside-tray-with-fresh-sour-plums-tea-light-pink-desk_140725-66169.jpg",
},
{
id: "5",
name: "Specialty Iced Latte",
price: "$6",
variant: "Coffee",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464822.jpg",
},
{
id: "6",
name: "Butter Croissant",
price: "$5",
variant: "Pastries",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-baker-s-hand-showing-baked-sweet-puff-pastries-counter_23-2148189117.jpg",
},
]}
title="Menu Highlights" title="Menu Highlights"
description="Fresh, seasonal, locally sourced ingredients." description="Fresh, seasonal, locally sourced ingredients."
products={[]}
/> />
</div> </div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[{ type: "text", content: "Designed for slow mornings." }]}
{
type: "text",
content: "Designed for ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
},
{
type: "text",
content: "slow mornings and good company.",
},
]}
/> />
</div> </div>
@@ -271,39 +99,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Follow our mornings" title="Follow our mornings"
description="Behind the scenes at Elementary." description="Capturing daily moments at the cafe."
blogs={[ blogs={[]}
{
id: "1",
category: "Lifestyle",
title: "Coffee Origins",
excerpt: "Sourcing beans from the best local roasters.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg",
authorName: "Elementary",
authorAvatar: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg",
date: "Oct 12",
},
{
id: "2",
category: "Community",
title: "Local Collaborations",
excerpt: "Working with the best Lindfield makers.",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1507.jpg",
authorName: "Elementary",
authorAvatar: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg",
date: "Oct 10",
},
{
id: "3",
category: "News",
title: "Seasonal Launch",
excerpt: "New brunch menu drops this weekend.",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
authorName: "Elementary",
authorAvatar: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-blank-picture-frame_53876-128711.jpg",
date: "Oct 05",
},
]}
/> />
</div> </div>
@@ -311,80 +108,29 @@ export default function LandingPage() {
<FaqBase <FaqBase
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[
{
id: "hours",
title: "Opening Hours",
content: "Mon-Fri: 7am-3pm, Sat-Sun: 8am-4pm.",
},
{
id: "parking",
title: "Parking Information",
content: "Ample street parking available nearby and 2 mins from the train station.",
},
{
id: "busy",
title: "Busy Times",
content: "Weekday mornings are great for remote work; weekends are lively.",
},
]}
title="Visit us" title="Visit us"
description="Find us in the heart of Lindfield." description="Find us in the heart of Lindfield."
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[{ id: "hours", title: "Opening Hours", content: "Mon-Fri: 7am-3pm." }]}
/> />
</div> </div>
<div id="catering" data-section="catering"> <div id="catering" data-section="catering">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "canvas-reveal" }}
variant: "canvas-reveal",
}}
text="Bring Elementary to your gathering." text="Bring Elementary to your gathering."
buttons={[
{
text: "Make an Enquiry",
href: "#contact",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-uy0m92no.jpg"
logoText="Elementary." logoText="Elementary Cafe"
columns={[ columns={[]}
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Email",
href: "#",
},
],
},
{
title: "Visit",
items: [
{
label: "Lindfield Station",
href: "#",
},
{
label: "Parking Guide",
href: "#",
},
],
},
]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #F7F4EE; --background: #ffffff;
--card: #EFE7DC; --card: #f0f8ff;
--foreground: #1E1E1C; --foreground: #011c3a;
--primary-cta: #6B4F3A; --primary-cta: #15479c;
--primary-cta-text: #FFFFFF; --primary-cta-text: #FFFFFF;
--secondary-cta: #FFFFFF; --secondary-cta: #ffffff;
--secondary-cta-text: #1E1E1C; --secondary-cta-text: #1E1E1C;
--accent: #A8B39E; --accent: #a8cce8;
--background-accent: #A8B39E; --background-accent: #e6f0ff;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);