157 lines
6.1 KiB
TypeScript
157 lines
6.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Shield, Target, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Manifesto", id: "#manifesto" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
brandName="Llegacy Advisory"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Trust Built Through Candid Conversation"
|
|
description="We're a family business first. In a complicated world, we help you stay the course through regular reviews and real talk—no jargon, just clarity."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", alt: "Craftsmanship detail" },
|
|
{ src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", alt: "Craftsmanship detail" },
|
|
{ src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", alt: "Craftsmanship detail" },
|
|
{ src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", alt: "Craftsmanship detail" },
|
|
{ src: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg", alt: "Craftsmanship detail" },
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Start a Conversation", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Independent Advice" },
|
|
{ type: "text-icon", text: "Generational Focus", icon: Users },
|
|
{ type: "text", text: "Transparent Fees" },
|
|
{ type: "text-icon", text: "Custom Strategy", icon: Target },
|
|
{ type: "text", text: "Fiduciary Standards" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="manifesto" data-section="manifesto">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Intention"
|
|
buttons={[
|
|
{
|
|
text: "Read Our Values", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
textboxLayout="split"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "s1", title: "Strategic Advisory", description: "Long-term planning rooted in clarity and personal relationship.", imageSrc: "http://img.b2bpic.net/free-photo/airplane-museum-with-glass-ceiling_250224-90.jpg"},
|
|
{
|
|
id: "s2", title: "Legacy Protection", description: "Preserving what matters through intentional guidance.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97510.jpg"},
|
|
{
|
|
id: "s3", title: "Transparent Management", description: "Regular, candid updates without the corporate jargon.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors_171337-19399.jpg"},
|
|
]}
|
|
title="Curated Partnership"
|
|
description="Transparent services for families who value legacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "45", title: "Years of Trust", description: "Family-led guidance since 1978.", icon: Award,
|
|
},
|
|
{
|
|
id: "m2", value: "120+", title: "Families Served", description: "Individualized, deep-rooted partnerships.", icon: Users,
|
|
},
|
|
{
|
|
id: "m3", value: "98%", title: "Retention Rate", description: "Because we focus on longevity, not transactions.", icon: Shield,
|
|
},
|
|
]}
|
|
title="By The Numbers"
|
|
description="Our partnership is defined by consistent, reliable outcomes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in touch"
|
|
title="Start a Conversation"
|
|
description="Drop us a note if you are ready for clarity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Legacy", items: [
|
|
{
|
|
label: "Manifesto", href: "#manifesto"},
|
|
{
|
|
label: "Philosophy", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Email Us", href: "mailto:hello@example.com"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Llegacy Advisory"
|
|
bottomRightText="Built for Clarity"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|