Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
370
src/app/page.tsx
370
src/app/page.tsx
@@ -14,261 +14,139 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
]}
|
||||
brandName="The Set Café"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "visit" }
|
||||
]}
|
||||
brandName="The Set Café"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Hidden Gem in the Heart of Hayes."
|
||||
description="Exquisite coffee, artisan pastries, and a warm welcome by the canal. Your daily refuge from the office."
|
||||
tag="EST. INDEPENDENT"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149162426.jpg",
|
||||
imageAlt: "Abstract Gold Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-flat-lay-eggs-turquoise_1220-4105.jpg",
|
||||
imageAlt: "Abstract Gold Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/decorative-mandala-design_1048-12457.jpg",
|
||||
imageAlt: "Abstract Gold Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-floral-pattern-design-with-gold-lines-dark-background_779267-3052.jpg",
|
||||
imageAlt: "Geometric floral pattern design with gold lines on a dark background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dark-background-with-elegant-golden-details_23-2148423870.jpg",
|
||||
imageAlt: "Dark background with elegant golden details",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Hidden Gem in the Heart of Hayes."
|
||||
description="Exquisite coffee, artisan pastries, and a warm welcome by the canal. Your daily refuge from the office."
|
||||
tag="EST. INDEPENDENT"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149162426.jpg", imageAlt: "Abstract Gold Texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/easter-flat-lay-eggs-turquoise_1220-4105.jpg", imageAlt: "Abstract Gold Texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/decorative-mandala-design_1048-12457.jpg", imageAlt: "Abstract Gold Texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/geometric-floral-pattern-design-with-gold-lines-dark-background_779267-3052.jpg", imageAlt: "Geometric floral pattern design with gold lines on a dark background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/dark-background-with-elegant-golden-details_23-2148423870.jpg", imageAlt: "Dark background with elegant golden details" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ticker" data-section="ticker">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Specialty",
|
||||
title: "Coffee",
|
||||
items: [
|
||||
"Artisan Roasted",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fresh",
|
||||
title: "Pastries",
|
||||
items: [
|
||||
"Daily Baked",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Canal",
|
||||
title: "Side",
|
||||
items: [
|
||||
"Peaceful Walks",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Always",
|
||||
title: "Kind",
|
||||
items: [
|
||||
"Warm Service",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Signature Promise"
|
||||
/>
|
||||
</div>
|
||||
<div id="ticker" data-section="ticker">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Our Signature Promise"
|
||||
description="Commitment to excellence and local community spirit."
|
||||
metrics={[
|
||||
{ id: "m1", value: "Specialty", title: "Coffee", items: ["Artisan Roasted"] },
|
||||
{ id: "m2", value: "Fresh", title: "Pastries", items: ["Daily Baked"] },
|
||||
{ id: "m3", value: "Canal", title: "Side", items: ["Peaceful Walks"] },
|
||||
{ id: "m4", value: "Always", title: "Kind", items: ["Warm Service"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Hidden in plain sight by the canal."
|
||||
description={[
|
||||
"Nestled within Stockley Business Park, we offer more than just a coffee break. We provide a sanctuary for Heathrow travellers, office professionals, and London Loop hikers alike.",
|
||||
"Our commitment is simple: excellent coffee at sensible prices, served with genuine kindness. We aren't just a business—we're a community staple.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Hidden in plain sight by the canal."
|
||||
description={[
|
||||
"Nestled within Stockley Business Park, we offer more than just a coffee break. We provide a sanctuary for Heathrow travellers, office professionals, and London Loop hikers alike.", "Our commitment is simple: excellent coffee at sensible prices, served with genuine kindness. We aren't just a business—we're a community staple."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Flat White",
|
||||
price: "£3.20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-background-with-landscape-extruding-hexagons-black-gold_1048-15814.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Latte",
|
||||
price: "£3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-beautiful-decorative-floral-stylish-background_1055-23515.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Espresso",
|
||||
price: "£2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mandala-background_23-2148089211.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cappuccino",
|
||||
price: "£3.20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-gold-picture-frames-studio-setting_187299-48023.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisan Pastry",
|
||||
price: "£2.80",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-mandala-pattern-background-traditional-indian-look_1017-58049.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Milk Alternative",
|
||||
price: "£0.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/linkedin-profile-cover-aurora-jewels_23-2151978592.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Daily Set"
|
||||
description="Curated selection of our finest offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
title="The Daily Set"
|
||||
description="Curated selection of our finest offerings."
|
||||
products={[
|
||||
{ id: "p1", brand: "Set", name: "Flat White", price: "£3.20", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-background-with-landscape-extruding-hexagons-black-gold_1048-15814.jpg" },
|
||||
{ id: "p2", brand: "Set", name: "Iced Latte", price: "£3.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-vector/abstract-beautiful-decorative-floral-stylish-background_1055-23515.jpg" },
|
||||
{ id: "p3", brand: "Set", name: "Espresso", price: "£2.50", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-vector/mandala-background_23-2148089211.jpg" },
|
||||
{ id: "p4", brand: "Set", name: "Cappuccino", price: "£3.20", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/three-gold-picture-frames-studio-setting_187299-48023.jpg" },
|
||||
{ id: "p5", brand: "Set", name: "Artisan Pastry", price: "£2.80", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-vector/elegant-mandala-pattern-background-traditional-indian-look_1017-58049.jpg" },
|
||||
{ id: "p6", brand: "Set", name: "Milk Alternative", price: "£0.50", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-psd/linkedin-profile-cover-aurora-jewels_23-2151978592.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/new-modern-background-template_125964-4247.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-palm-leaves-background-design-resource_53876-160630.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-pattern-reflects-dark-animal-creativity-generated-by-ai_188544-27801.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/futuristic-background-with-blue-gold-jungle-leaves_24972-1994.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-glowing-circle-line_84443-82141.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What the Community Says"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="REVIEWS"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="What the Community Says"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="REVIEWS"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-vector/new-modern-background-template_125964-4247.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/golden-palm-leaves-background-design-resource_53876-160630.jpg" },
|
||||
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-pattern-reflects-dark-animal-creativity-generated-by-ai_188544-27801.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-psd/futuristic-background-with-blue-gold-jungle-leaves_24972-1994.jpg" },
|
||||
{ id: "5", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-glowing-circle-line_84443-82141.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="LOCATION"
|
||||
title="Visit Us."
|
||||
description="Stockley Business Park, Hayes, UB11, London. Open daily for morning coffee and treats."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/place-icon-gold-glossy-design_343694-2630.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="LOCATION"
|
||||
title="Visit Us."
|
||||
description="Stockley Business Park, Hayes, UB11, London. Open daily for morning coffee and treats."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/place-icon-gold-glossy-design_343694-2630.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="The Set Café"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="The Set Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Info", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user