103 lines
4.2 KiB
TypeScript
103 lines
4.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Yacht Toys Mafia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Yacht Toys Mafia"
|
|
description="Premium marine gear for those who navigate with precision. Elite equipment, zero gatekeeping."
|
|
buttons={[{ text: "Shop Now", href: "#products" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-yacht_1401-343.jpg?_wi=1" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-port_72229-527.jpg?_wi=2" }
|
|
]}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
gridVariant="bento-grid"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Curated Gear"
|
|
description="Hand-selected yacht essentials."
|
|
products={[
|
|
{ id: "1", name: "Pro Platform", price: "$3,200", variant: "Carbon", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-boat-sailing-sea-surrounded-by-greenery_181624-13668.jpg" },
|
|
{ id: "2", name: "Elite Sea Scooter", price: "$4,500", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/serious-handsome-young-man-sitting-beach-putting-knee-prosthesis_74855-16448.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Proven Results"
|
|
description="Industry-leading performance metrics for discerning captains."
|
|
metrics={[
|
|
{ id: "m1", value: "100+", title: "Yacht Partners", items: ["South Florida based", "Global reach"] },
|
|
{ id: "m2", value: "42%", title: "Avg Savings", items: ["Direct wholesale", "No markups"] }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Inquire Now"
|
|
description="Secure your gear today."
|
|
useInvertedBackground={false}
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Captain Name" },
|
|
{ name: "email", type: "email", placeholder: "Email Address" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/shanghai-china-march-25-pudong-district-view-from-bund-waterfront-area-march-25-2016-shanghai-china-pudong-is-district-shanghai-located-east-huangpu-river_1127-3131.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[{ title: "Company", items: [{ label: "About" }, { label: "Contact" }] }]}
|
|
bottomLeftText="© 2025 Yacht Toys Mafia"
|
|
bottomRightText="Built for Captains"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|