Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-09 08:49:00 +00:00
2 changed files with 80 additions and 162 deletions

View File

@@ -11,8 +11,8 @@ import { Open_Sans } from "next/font/google";
export const metadata: Metadata = {
title: 'Swim Retreats | Wild Swimming on Mull',
description: 'Expertly guided wild swimming retreats on the beautiful Isle of Mull. Reconnect with nature.',
title: 'Swim Retreats | Rediscover Yourself in the Wild',
description: 'Expertly guided wild swimming retreats on the Isle of Mull. Reconnect with nature.',
openGraph: {
"title": "Swim Retreats | Wild Swimming on Mull",
"description": "Expertly guided wild swimming retreats on the beautiful Isle of Mull.",

View File

@@ -26,172 +26,90 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Retreats",
id: "/retreats",
},
{
name: "About",
id: "/about",
},
{
name: "FAQ",
id: "/faq",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Swim Retreats"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Retreats", id: "/retreats" },
{ name: "About", id: "/about" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" },
]}
brandName="Swim Retreats"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Rediscover Yourself in the Wild"
description="Expertly guided wild swimming retreats on the beautiful Isle of Mull. Reconnect with nature and find your flow."
buttons={[
{
text: "Start Your Journey",
href: "/retreats",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=1",
imageAlt: "Stunning wild swimming location",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=2",
imageAlt: "Peaceful water landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=3",
imageAlt: "Group swimming session",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=4",
imageAlt: "Nature-focused retreat activity",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=5",
imageAlt: "Calm morning swim",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Rediscover Yourself in the Wild"
description="Expertly guided wild swimming retreats on the beautiful Isle of Mull. Reconnect with nature and find your flow."
buttons={[{ text: "Start Your Journey", href: "/retreats" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg", imageAlt: "Stunning wild swimming location" },
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg", imageAlt: "Peaceful water landscape" },
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg", imageAlt: "Group swimming session" },
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg", imageAlt: "Nature-focused retreat activity" },
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg", imageAlt: "Calm morning swim" },
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="about-section" data-section="about-section">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Guided by Nature"
description="Founded with a deep love for the Isle of Mull, our retreats are designed to make wild swimming accessible, safe, and life-changing."
subdescription="We blend local expertise with a commitment to your wellbeing, ensuring every swim is as comfortable as it is exhilarating."
imageSrc="http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg?_wi=1"
imageAlt="The retreat founder in nature"
mediaAnimation="slide-up"
icon={LifeBuoy}
/>
</div>
<div id="about-section" data-section="about-section">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Guided by Nature"
description="Founded with a deep love for the Isle of Mull, our retreats are designed to make wild swimming accessible, safe, and life-changing."
subdescription="We blend local expertise with a commitment to your wellbeing, ensuring every swim is as comfortable as it is exhilarating."
imageSrc="http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg"
imageAlt="The retreat founder in nature"
mediaAnimation="slide-up"
icon={LifeBuoy}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Meet Your Guides"
tag="Our Experts"
memberVariant="card"
membersAnimation="slide-up"
members={[
{
id: "1",
name: "Fiona M.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg?_wi=2",
},
{
id: "2",
name: "James B.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg?_wi=3",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Meet Your Guides"
tag="Our Experts"
memberVariant="card"
membersAnimation="slide-up"
members={[
{ id: "1", name: "Fiona M.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg" },
{ id: "2", name: "James B.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg" },
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Wild Swimming Tips"
description="Articles on gear, safety, and cold water benefits."
blogs={[
{
id: "1",
category: "Safety",
title: "Water Safety Basics",
excerpt: "Essential tips for open water.",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-some-quality-time-together_23-2149032329.jpg?_wi=1",
authorName: "Fiona M.",
authorAvatar: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg",
date: "Jan 12, 2024",
},
{
id: "2",
category: "Gear",
title: "Top 5 Swim Essentials",
excerpt: "What to pack for your retreat.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg?_wi=1",
authorName: "Fiona M.",
authorAvatar: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg",
date: "Feb 5, 2024",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Wild Swimming Tips"
description="Articles on gear, safety, and cold water benefits."
blogs={[
{ id: "1", category: "Safety", title: "Water Safety Basics", excerpt: "Essential tips for open water.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-some-quality-time-together_23-2149032329.jpg", authorName: "Fiona M.", authorAvatar: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg", date: "Jan 12, 2024" },
{ id: "2", category: "Gear", title: "Top 5 Swim Essentials", excerpt: "What to pack for your retreat.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg", authorName: "Fiona M.", authorAvatar: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg", date: "Feb 5, 2024" },
]}
/>
</div>
<div id="legal" data-section="legal">
<LegalSection />
</div>
<div id="legal" data-section="legal">
<LegalSection layout="standard" title="Legal Information" sections={[]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Retreats",
href: "/retreats",
},
{
label: "About Us",
href: "/about",
},
{
label: "FAQ",
href: "/faq",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Swim Retreats"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Swim Retreats"
/>
</div>
</ReactLenis>
</ThemeProvider>
);