Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0f8198b562 | |||
| 9e6a8117dd | |||
| a0a63263c6 |
298
src/app/page.tsx
298
src/app/page.tsx
@@ -31,117 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Catering",
|
||||
id: "catering",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Catering", id: "catering" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="Elementary"
|
||||
brandName="Elementary Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your neighbourhood café, reimagined."
|
||||
description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah L.",
|
||||
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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-6dwtqhme.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,15 +58,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Locally Loved in Lindfield",
|
||||
"Specialty Coffee Daily",
|
||||
"Fresh Pastries Morning",
|
||||
"Sydney’s Best Cafés",
|
||||
"Community Focused",
|
||||
"Expert Baristas",
|
||||
"Seasonal Menu",
|
||||
]}
|
||||
names={["Locally Loved", "Specialty Coffee", "Fresh Pastries", "Community Focused"]}
|
||||
title="Loved by locals"
|
||||
description="Building community, one cup at a time."
|
||||
/>
|
||||
@@ -168,25 +69,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Signature Experiences"
|
||||
description="Thoughtfully crafted moments."
|
||||
accordionItems={[
|
||||
{
|
||||
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"
|
||||
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." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -196,72 +80,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
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"
|
||||
description="Fresh, seasonal, locally sourced ingredients."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Designed for slow mornings." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -271,39 +99,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Follow our mornings"
|
||||
description="Behind the scenes at Elementary."
|
||||
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",
|
||||
},
|
||||
]}
|
||||
description="Capturing daily moments at the cafe."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -311,80 +108,29 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
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"
|
||||
description="Find us in the heart of Lindfield."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "hours", title: "Opening Hours", content: "Mon-Fri: 7am-3pm." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catering" data-section="catering">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Bring Elementary to your gathering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Make an Enquiry",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg"
|
||||
logoText="Elementary."
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "Lindfield Station",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Parking Guide",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-uy0m92no.jpg"
|
||||
logoText="Elementary Cafe"
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #F7F4EE;
|
||||
--card: #EFE7DC;
|
||||
--foreground: #1E1E1C;
|
||||
--primary-cta: #6B4F3A;
|
||||
--background: #ffffff;
|
||||
--card: #f0f8ff;
|
||||
--foreground: #011c3a;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #FFFFFF;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1E1E1C;
|
||||
--accent: #A8B39E;
|
||||
--background-accent: #A8B39E;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #e6f0ff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user