Merge version_2 into main #6

Merged
bender merged 3 commits from version_2 into main 2026-04-09 08:51:41 +00:00
3 changed files with 88 additions and 267 deletions

View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
export default function LandingPage() {
export default function FaqPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -22,111 +21,35 @@ 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="faq-section" data-section="faq-section">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do I need experience?",
content: "Not at all. We cater to all levels, from complete beginners to seasoned wild swimmers.",
},
{
id: "2",
title: "Will I be cold?",
content: "Our retreats focus on comfort. We provide advice on gear and ensure you are well-warmed after every swim.",
},
{
id: "3",
title: "Can I come alone?",
content: "Yes, many of our guests join solo and leave with new friends.",
},
{
id: "4",
title: "What if weather is bad?",
content: "The weather is part of the Mull magic! We choose safe, sheltered spots based on daily conditions.",
},
{
id: "5",
title: "What should I pack?",
content: "We send a detailed checklist upon booking, including recommended swimwear and accessories.",
},
]}
title="Everything You Need to Know"
description="Have questions about our swims? Weve got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Support"
title="Still have questions?"
description="Contact our support team directly."
/>
</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>
<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 className="pt-32 pb-20">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our swimming retreats on the Isle of Mull."
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "What should I pack?", content: "Bring your swimsuit, warm clothes for after-swims, a towel, and comfortable walking shoes for our base location." },
{ id: "2", title: "Do I need to be an expert swimmer?", content: "Our retreats cater to all levels, from beginners to experienced open-water swimmers. Safety is always our top priority." },
{ id: "3", title: "How cold is the water?", content: "Mull water temperatures vary by season. We provide advice on cold-water acclimation and necessary gear to keep you comfortable." }
]}
/>
</div>
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Swim Retreats"
/>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactText from '@/components/sections/contact/ContactText';
import { LifeBuoy } from "lucide-react";
export default function LandingPage() {
@@ -49,8 +49,6 @@ export default function LandingPage() {
{ 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"
/>
@@ -71,26 +69,27 @@ export default function LandingPage() {
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
<TeamCardOne
title="Meet Your Guides"
tag="Our Experts"
memberVariant="card"
membersAnimation="slide-up"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
useInvertedBackground={false}
textboxLayout="split"
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" },
{ id: "1", name: "Fiona M.", role: "Founder & Guide", imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg?_wi=2" },
{ id: "2", name: "James B.", role: "Safety Lead", imageSrc: "http://img.b2bpic.net/free-photo/blonde-swimmer-holding-swimming-cap_23-2148393569.jpg?_wi=3" },
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
textboxLayout="split"
useInvertedBackground={false}
title="Wild Swimming Tips"
description="Articles on gear, safety, and cold water benefits."
title="Wild Swimming Insights"
description="Discover tips, safety advice, and gear essentials from our expert team."
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" },
@@ -98,16 +97,23 @@ export default function LandingPage() {
/>
</div>
<div id="legal" data-section="legal">
<LegalSection layout="page" title="Legal Information" sections={[]} />
<div id="contact" data-section="contact">
<ContactText
text="Ready to start your adventure? We're here to answer any questions you have about our upcoming retreats."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
buttons={[{ text: "Send us a Message", href: "/contact" }]}
/>
</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" }] },
]}
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/body-water-near-mountain-ranges-with-green-vegetation-covered-with-fog-daytime_155999-12.jpg?_wi=1"
logoText="Swim Retreats"
columns={[
{ title: "Navigation", items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }] },
{ title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Legal", href: "/legal" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>

View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function RetreatsPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -22,138 +21,31 @@ 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="retreat-grid" data-section="retreat-grid">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Dip & Chill",
price: "£450",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-some-quality-time-together_23-2149032329.jpg?_wi=2",
},
{
id: "2",
name: "Guided Swim",
price: "£650",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg?_wi=2",
},
{
id: "3",
name: "The Odyssey",
price: "£950",
imageSrc: "http://img.b2bpic.net/free-photo/hardening-cold-water-man-bathes-lake-autumn-montenegro-durmitor-park_501050-1164.jpg?_wi=1",
},
{
id: "4",
name: "Winter Immersion",
price: "£550",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-some-quality-time-together_23-2149032329.jpg?_wi=3",
},
{
id: "5",
name: "Coastal Exploration",
price: "£750",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-sitting-surfboard-ocean_72229-737.jpg?_wi=3",
},
{
id: "6",
name: "Wilderness Deep Dive",
price: "£1200",
imageSrc: "http://img.b2bpic.net/free-photo/hardening-cold-water-man-bathes-lake-autumn-montenegro-durmitor-park_501050-1164.jpg?_wi=2",
},
]}
title="Choose Your Retreat"
description="Whatever your experience level, we have a journey waiting for you in the water."
/>
</div>
<div id="product" data-section="product">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Seasonal Collections"
description="Browse our curated seasonal experiences."
products={[
{
id: "s1",
name: "Summer Bliss",
price: "£500",
variant: "Summer",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-some-quality-time-together_23-2149032329.jpg?_wi=4",
},
{
id: "s2",
name: "Winter Chill",
price: "£600",
variant: "Winter",
imageSrc: "http://img.b2bpic.net/free-photo/hardening-cold-water-man-bathes-lake-autumn-montenegro-durmitor-park_501050-1164.jpg?_wi=3",
},
]}
/>
</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>
<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 className="pt-32 pb-20">
<TextAbout
title="Retreat Decision Hub"
description="Explore our curated selection of wild swimming retreats. Compare locations, difficulty levels, and seasonal offerings to find your perfect match."
tag="Choose Your Adventure"
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Swim Retreats"
/>
</ReactLenis>
</ThemeProvider>
);
}
}