225 lines
13 KiB
TypeScript
225 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Activity, Anchor, Car, Calendar, Flame, Fish, Mountain, Home, Leaf, MapPin, Navigation, ShoppingBag, Sunset, Trees, Utensils, Waves, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Cabins", id: "cabins" },
|
|
{ name: "Rentals", id: "rentals" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Rangeley Lake Rentals"
|
|
bottomLeftText="Rangeley, Maine"
|
|
bottomRightText="contact@rangeleylakerental.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Cabin & Boat Rentals in Rangeley, Maine"
|
|
description="Experience the natural beauty of Rangeley Lake with our premium cabin rentals and water sports equipment. Perfect for families, couples, and adventure seekers looking for an unforgettable getaway."
|
|
tag="Lakefront Getaways"
|
|
tagIcon={Waves}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-fisherman-catching-fish-from-lake_181624-59709.jpg", imageAlt: "Beautiful Rangeley Lake view" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVVF037yqF0dE6Zv1O5hc586yU/uploaded-1772720858899-q9l43roj.png", imageAlt: "Lakefront dock" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVVF037yqF0dE6Zv1O5hc586yU/uploaded-1772720756888-6ypm57tg.jpg", imageAlt: "Lake sunset" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/natural-background-lake-forest-highlands_169016-22541.jpg", imageAlt: "Forest lake landscape" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVVF037yqF0dE6Zv1O5hc586yU/uploaded-1772720806051-neruap8w.png", imageAlt: "Rustic cabin" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-psd/yellow-recreational-kayak-top-view-isolated_84443-71141.jpg", imageAlt: "Kayak rental" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVVF037yqF0dE6Zv1O5hc586yU/uploaded-1772720785495-7qqtgvov.jpg", imageAlt: "Boats on water" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVVF037yqF0dE6Zv1O5hc586yU/uploaded-1772720828629-z56fuqxb.png", imageAlt: "Fire pit area" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Book a Cabin", href: "cabins" },
|
|
{ text: "Rent Equipment", href: "rentals" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cabins" data-section="cabins">
|
|
<ProductCardFour
|
|
title="Our Cabins"
|
|
description="Choose from our selection of comfortable, fully-equipped lakefront cabins, each with unique charm and amenities for your perfect Maine getaway."
|
|
tag="Accommodations"
|
|
tagIcon={Home}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "cabin-1", name: "Pinewood Lodge", price: "$195/night", variant: "Sleeps 6 • 2 Bedrooms • Full Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/small-wooden-house-forest-daytime_181624-15995.jpg?_wi=2", imageAlt: "Pinewood Lodge cabin"
|
|
},
|
|
{
|
|
id: "cabin-2", name: "Lakefront Retreat", price: "$225/night", variant: "Sleeps 4 • 1 Bedroom • Waterfront Deck", imageSrc: "http://img.b2bpic.net/free-photo/lake-o-hara-yoho-national-park-with-waterfront-carbin_649448-2559.jpg", imageAlt: "Lakefront Retreat cabin"
|
|
},
|
|
{
|
|
id: "cabin-3", name: "Mountain View Cottage", price: "$180/night", variant: "Sleeps 5 • 2 Bedrooms • Stone Fireplace", imageSrc: "http://img.b2bpic.net/free-photo/log-cabin-mountains-mountain-hut_181624-29321.jpg", imageAlt: "Mountain View Cottage"
|
|
},
|
|
{
|
|
id: "cabin-4", name: "Modern Escape", price: "$250/night", variant: "Sleeps 8 • 3 Bedrooms • Hot Tub & Deck", imageSrc: "http://img.b2bpic.net/free-photo/white-orange-house-beside-forest-body-water_198169-40.jpg", imageAlt: "Modern Escape cabin"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rentals" data-section="rentals">
|
|
<PricingCardEight
|
|
title="Water Sports & Equipment Rentals"
|
|
description="Explore Rangeley Lake with our fleet of well-maintained boats, canoes, kayaks, and other gear. All rentals include safety equipment and orientation."
|
|
tag="Equipment"
|
|
tagIcon={Anchor}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "boats", badge: "Most Popular", badgeIcon: Zap,
|
|
price: "$150/day", subtitle: "Powerboat • Full Day Rental", buttons: [{ text: "Request Booking", href: "contact" }],
|
|
features: ["Seating for 6+ passengers", "20 gallon fuel tank", "Life jackets included", "Basic fishing gear", "$200 refundable deposit"]
|
|
},
|
|
{
|
|
id: "canoes", badge: "Classic", badgeIcon: Leaf,
|
|
price: "$40/day", subtitle: "Canoe • 2-Person Capacity", buttons: [{ text: "Request Booking", href: "contact" }],
|
|
features: ["Lightweight aluminum hull", "Paddles included", "Life jackets for 2", "Delivery to dock available", "$75 refundable deposit"]
|
|
},
|
|
{
|
|
id: "kayaks", badge: "Scenic", badgeIcon: Navigation,
|
|
price: "$50/day", subtitle: "Kayak • Single or Double", buttons: [{ text: "Request Booking", href: "contact" }],
|
|
features: ["Stable touring kayak", "Paddle & vest included", "Storage compartments", "$65/day for double kayak", "$100 refundable deposit"]
|
|
},
|
|
{
|
|
id: "paddle-boards", badge: "Adventure", badgeIcon: Activity,
|
|
price: "$55/day", subtitle: "Paddleboard • SUP Experience", buttons: [{ text: "Request Booking", href: "contact" }],
|
|
features: ["Stable 11-foot board", "Paddle & PFD included", "Beginner-friendly design", "Lesson available ($35 extra)", "$100 refundable deposit"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureHoverPattern
|
|
title="Property Gallery"
|
|
description="Explore the natural beauty and amenities of Rangeley Lake and our cabins through our photo gallery."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{ icon: Mountain, title: "Scenic Views", description: "Breathtaking lake and forest vistas from every cabin location. Perfect for photography and nature lovers." },
|
|
{ icon: Sunset, title: "Golden Sunsets", description: "Watch stunning sunsets over Rangeley Lake from your private deck or dock area." },
|
|
{ icon: Trees, title: "Nature Trails", description: "Explore surrounding forest trails and discover local wildlife in their natural habitat." },
|
|
{ icon: Waves, title: "Water Activities", description: "Clear water perfect for swimming, boating, fishing, and paddling year-round." },
|
|
{ icon: Flame, title: "Fire Pit Gathering", description: "Community fire pit areas perfect for evening gatherings, s'mores, and making memories." },
|
|
{ icon: Anchor, title: "Dockside Access", description: "Direct access to water from private docks, ideal for boat launches and water sports." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<SplitAbout
|
|
title="Discover Rangeley, Maine"
|
|
description="Located in the heart of Oxford County, Rangeley Lake offers pristine natural beauty and year-round outdoor recreation. Our cabins put you minutes away from adventure."
|
|
tag="Location"
|
|
tagIcon={MapPin}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/map-car_1160-57.jpg"
|
|
imageAlt="Rangeley Lake location map"
|
|
mediaAnimation="blur-reveal"
|
|
bulletPoints={[
|
|
{ icon: Car, title: "Easy Access", description: "2.5 hours from Portland, 3.5 hours from Boston. Route 16 provides direct access to our properties." },
|
|
{ icon: Fish, title: "Fishing Paradise", description: "World-renowned fly-fishing destination. Abundant trout and salmon in pristine waters." },
|
|
{ icon: Utensils, title: "Local Dining", description: "Farm-to-table restaurants, casual lakefront eateries, and charming cafes within 5-15 minutes." },
|
|
{ icon: ShoppingBag, title: "Local Shops", description: "Rangeley village offers gift shops, outfitters, galleries, and local markets for supplies." },
|
|
{ icon: Calendar, title: "Year-Round Fun", description: "Summer water sports, fall foliage, winter skiing at nearby Saddleback Mountain, spring hiking." },
|
|
{ icon: Mountain, title: "Hiking Trails", description: "Direct access to trails including Bald Mountain, Rangeley Lake Trail, and wilderness preserves." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to book your lakefront getaway? Call (207) 555-1234 or email today to secure your dates."
|
|
animationType="reveal-blur"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Book Now", href: "mailto:reservations@rangeleylakerental.com?subject=Cabin%20Booking%20Inquiry" },
|
|
{ text: "Call Us", href: "tel:+12075551234" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/gleaming-lake-background-reflecting-sky_91128-4426.jpg"
|
|
imageAlt="Rangeley Lake water"
|
|
logoText="Rangeley Lake Cabin & Boat Rentals"
|
|
copyrightText="© 2025 Rangeley Lake Rentals. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Cabins", items: [
|
|
{ label: "Pinewood Lodge", href: "#cabins" },
|
|
{ label: "Lakefront Retreat", href: "#cabins" },
|
|
{ label: "Mountain View", href: "#cabins" },
|
|
{ label: "Modern Escape", href: "#cabins" }
|
|
]
|
|
},
|
|
{
|
|
title: "Equipment", items: [
|
|
{ label: "Boats", href: "#rentals" },
|
|
{ label: "Canoes", href: "#rentals" },
|
|
{ label: "Kayaks", href: "#rentals" },
|
|
{ label: "Paddleboards", href: "#rentals" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email Us", href: "mailto:contact@rangeleylakerental.com" },
|
|
{ label: "Call: (207) 555-1234", href: "tel:+12075551234" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |