Merge version_2 into main #6
@@ -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? We’ve 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user