129 lines
3.4 KiB
TypeScript
129 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "Portfolio",
|
|
id: "/portfolio",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "/pricing",
|
|
},
|
|
{
|
|
name: "Free Audit",
|
|
id: "/free-audit",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Get My Free Audit",
|
|
href: "/free-audit",
|
|
}}
|
|
brandName="Estato"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Transparent Pricing"
|
|
description="We believe in clear investment costs for high-value results."
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-building-with-windows-clear-sky_181624-4672.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Investment Value"
|
|
description="Your website is the most critical asset in your marketing mix."
|
|
metrics={[
|
|
{
|
|
id: "i1",
|
|
value: "$0",
|
|
title: "Hidden Fees",
|
|
description: "We offer upfront, transparent pricing for all projects.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/document-marketing-strategy-business-concept_53876-133729.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "i2",
|
|
value: "24/7",
|
|
title: "Lead Support",
|
|
description: "Systems that work for your agency around the clock.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/online-marketing-advertising-branding-strategy-concept_53876-134046.jpg?_wi=2",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Estato"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Portfolio",
|
|
href: "/portfolio",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|