104 lines
4.9 KiB
TypeScript
104 lines
4.9 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import { ShieldCheck, Heart, Users, BookOpen } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="grid"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "/services" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Palante STS"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Helping Aging Parents? You're Not Alone."
|
||
description="Palante STS provides the structure and expert guidance to help adult children manage senior living transitions with confidence."
|
||
buttons={[{ text: "Schedule Free Consultation", href: "#contact" }, { text: "Our Services", href: "/services" }]}
|
||
testimonials={[{ name: "Sarah M.", handle: "@sarahm", testimonial: "Palante gave us the roadmap we didn't know we needed during a stressful time.", rating: 5 }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/grandparents-learning-use-technology_23-2149402581.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySeven
|
||
title="How Palante Helps You"
|
||
description="We translate the chaos of senior transitions into a clear, manageable plan."
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ id: "s1", title: "Strategic Planning", descriptions: ["Expert roadmapping for care and living needs."], imageSrc: "" },
|
||
{ id: "s2", title: "Logistical Management", descriptions: ["Coordinating movers, decluttering, and floor planning."], imageSrc: "" },
|
||
{ id: "s3", title: "Communication Facilitation", descriptions: ["Mediating family discussions to reach consensus."], imageSrc: "" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust" data-section="trust">
|
||
<MetricCardOne
|
||
title="Why Families Trust Palante"
|
||
description="Experience-backed support for life's most delicate transitions."
|
||
gridVariant="bento-grid"
|
||
animationType="blur-reveal"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{ id: "t1", value: "20+", title: "Years Experience", description: "In senior transitions.", icon: ShieldCheck },
|
||
{ id: "t2", value: "500+", title: "Families Assisted", description: "Successfully transitioned.", icon: Users },
|
||
{ id: "t3", value: "100%", title: "Personalized Support", description: "Tailored to your family goals.", icon: Heart },
|
||
{ id: "t4", value: "Proven", title: "Framework", description: "A reliable system that works.", icon: BookOpen }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Let’s discuss your family's specific situation."
|
||
animationType="entrance-slide"
|
||
buttons={[{ text: "Schedule Free Consultation", href: "mailto:hello@palantests.com" }]}
|
||
background={{ variant: "gradient-bars" }}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="Palante STS"
|
||
columns={[
|
||
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "/services" }] },
|
||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |