125 lines
5.4 KiB
TypeScript
125 lines
5.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import { Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Founders", id: "team" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="AgencyFlow US"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{ variant: "plain" }}
|
|
title="US-Based Data-Driven Digital Strategy"
|
|
description="We help ambitious US companies scale revenue through premium marketing, SEO excellence, and high-conversion paid media."
|
|
testimonials={[
|
|
{ name: "Alex R.", handle: "@alex", testimonial: "Transformed our US market growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg" },
|
|
]}
|
|
buttons={[{ text: "Book Strategy Call", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet Our Founding Team"
|
|
tag="US Agency Leaders"
|
|
memberVariant="card"
|
|
members={[
|
|
{ id: "f1", name: "Jordan Smith - CEO & Strategy", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg" },
|
|
{ id: "f2", name: "Casey Miller - Head of Growth", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Built for the US Market"
|
|
description={[
|
|
"AgencyFlow is headquartered in the United States, providing bespoke marketing solutions to domestic enterprise and mid-market brands.", "Our deep understanding of the US digital landscape helps us deliver outsized results with complete transparency."
|
|
]}
|
|
buttons={[{ text: "Our Process", href: "#features" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "SEO Growth", description: "Dominate US search rankings.", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg" },
|
|
{ title: "Paid Media", description: "High-intent ad campaigns.", imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-103.jpg" },
|
|
{ title: "Strategy Consulting", description: "Data-driven market expansion.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-light-bulb-with-idea-text-card_23-2147865432.jpg" },
|
|
]}
|
|
title="Specialized Agency Services"
|
|
description="Comprehensive marketing solutions for the US ecosystem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Let's Connect"
|
|
description="Start your scale journey with our team."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Business Email", required: true },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-posing-outdoors_23-2149405904.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AgencyFlow US"
|
|
copyrightText="© 2025 AgencyFlow LLC. Based in USA."
|
|
socialLinks={[
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |