261 lines
17 KiB
TypeScript
261 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { HelpCircle, Sparkles, Target, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="AT Digital"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Success Stories", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Helping small businesses grow"
|
|
bottomRightText="hello@atdigital.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="High-Converting Landing Pages for Small Businesses"
|
|
description="AT Digital Marketing specializes in creating affordable, high-converting landing pages that help small businesses grow. We combine strategic design with proven marketing tactics to turn visitors into customers."
|
|
tag="Affordable Marketing"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Free Audit", href: "#contact" },
|
|
{ text: "See Our Work", href: "#testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Chen", handle: "@ecommerce_boss", testimonial: "AT Digital increased our landing page conversions by 280% in just 3 months. Their team understood our budget constraints and delivered incredible results.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-welcome-gesture_1149-1755.jpg?_wi=1", imageAlt: "Sarah Chen, E-commerce Business Owner"
|
|
},
|
|
{
|
|
name: "Marcus Rodriguez", handle: "@local_service_pro", testimonial: "Finally found a marketing agency that speaks our language. AT Digital's landing pages are conversion machines without breaking the bank.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=1", imageAlt: "Marcus Rodriguez, Service Business Owner"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
background={{ variant: "gradient-bars" }}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-with-company-statistics-screen-standing-table-startup-office-millennial-multiethnic-businesspeople-discussing-marketing-strategy-working-business-collaboration_482257-33798.jpg?_wi=1"
|
|
imageAlt="AT Digital Marketing Dashboard"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="We Build Landing Pages That Convert"
|
|
description="At AT Digital, we specialize in creating high-converting landing pages specifically designed for small businesses. We understand your budget constraints and market challenges. Our mission is simple: help you grow affordably through strategic, data-driven design and copywriting that turns visitors into paying customers."
|
|
tag="Our Approach"
|
|
tagIcon={Target}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Learn Our Process", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-teaming-up-work_23-2148816836.jpg"
|
|
imageAlt="AT Digital Marketing Team"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="What We Deliver"
|
|
description="Our proven methodology ensures your landing pages deliver real business results. Every element is optimized for conversion."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Started Today", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Conversion Rate Optimization", description: "We design landing pages with conversion science in mind. Every layout, color choice, and CTA is strategically placed to maximize visitor-to-customer conversion.", imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-concept-with-descriptions-keywording-mobile-social-email_1284-39700.jpg", imageAlt: "Conversion Optimization Process"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Data-Driven Analytics", description: "Receive detailed performance reports and insights. We track every metric that matters and provide actionable recommendations to continuously improve your results.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman-reviewing-data-analytics-work_482257-123882.jpg", imageAlt: "Analytics Dashboard"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Strategic Copywriting", description: "Our experts craft compelling copy that speaks directly to your target audience. Clear value propositions and persuasive messaging drive engagement and conversions.", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085920.jpg", imageAlt: "Strategic Planning"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Affordable Pricing for Small Businesses"
|
|
description="No hidden fees. No long-term contracts. Just transparent pricing that delivers real value and measurable results for your business growth."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "$1,499", period: "one-time", features: [
|
|
"Single landing page design", "Mobile-responsive layout", "Basic conversion optimization", "1 round of revisions", "30 days of support"
|
|
],
|
|
button: { text: "Get Started", href: "#contact" }
|
|
},
|
|
{
|
|
id: "professional", title: "Professional", price: "$3,999", period: "one-time", features: [
|
|
"3 landing page templates", "Advanced conversion optimization", "A/B testing setup", "Analytics dashboard", "3 rounds of revisions", "60 days of support", "Call tracking integration"
|
|
],
|
|
button: { text: "Most Popular", href: "#contact" }
|
|
},
|
|
{
|
|
id: "enterprise", title: "Enterprise", price: "Custom", period: "tailored solution", features: [
|
|
"Unlimited landing pages", "Full marketing funnel design", "Advanced analytics & reporting", "Ongoing optimization", "Priority support", "Lead nurturing sequences", "Custom integrations"
|
|
],
|
|
button: { text: "Schedule Consultation", href: "#contact" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Small Businesses Love Our Work"
|
|
description="Don't just take our word for it. See what our clients have to say about how AT Digital transformed their online presence and bottom line."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "280% Increase in Conversions", quote: "AT Digital completely transformed our e-commerce site. Within 3 months, our landing page conversions skyrocketed. They understood our budget and delivered like a team of 10.", name: "Sarah Chen", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-welcome-gesture_1149-1755.jpg?_wi=2", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", title: "Doubled Our Monthly Revenue", quote: "The landing pages AT Digital created for us generated 2x more qualified leads. Their copywriting is phenomenal and the design is both beautiful and conversion-focused.", name: "Marcus Rodriguez", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=2", imageAlt: "Marcus Rodriguez"
|
|
},
|
|
{
|
|
id: "3", title: "Finally Affordable Marketing Expertise", quote: "We tried other agencies but couldn't afford them. AT Digital proved you don't need to spend a fortune to get professional, results-driven marketing. Best decision we made.", name: "Jessica Thompson", role: "Marketing Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6368.jpg", imageAlt: "Jessica Thompson"
|
|
},
|
|
{
|
|
id: "4", title: "Incredible ROI", quote: "The ROI on AT Digital's landing pages has been off the charts. We're reinvesting our profits back into more pages. This is the partner we wish we had years ago.", name: "David Park", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Growing Small Businesses"
|
|
description="From startups to established local businesses, hundreds of companies rely on AT Digital to create high-converting landing pages that drive growth."
|
|
names={[
|
|
"TechStartup Inc", "Local Services Pro", "E-Commerce Hub", "Consulting Group", "Digital Agency", "Retail Innovations", "Service Solutions"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/gradient-code-logo-with-tagline_23-2148809313.jpg", "http://img.b2bpic.net/free-vector/nightclub-nightlife-party-labels-collection_23-2149961518.jpg", "http://img.b2bpic.net/free-vector/modern-outlet-badge-collection-with-flat-design_23-2147964799.jpg", "http://img.b2bpic.net/free-photo/medium-shot-colleagues-working-together-office_23-2149345243.jpg", "http://img.b2bpic.net/free-vector/set-labour-day-stickers_23-2147616840.jpg", "http://img.b2bpic.net/free-vector/gradient-marketing-page-linkedin-profile-picture_742173-11438.jpg", "http://img.b2bpic.net/free-vector/gradient-business-linkedin-banner_23-2150089869.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Common Questions"
|
|
description="Have questions about our landing page design and services? We've answered the most common ones below. Can't find your answer? Reach out to our team."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to create a landing page?", content: "Our standard turnaround is 7-10 business days for a professional landing page. This includes design, copywriting, and optimization. Rush options are available if you need faster delivery."
|
|
},
|
|
{
|
|
id: "2", title: "Will my landing page work on mobile?", content: "Absolutely! All our landing pages are designed mobile-first. We ensure your page looks stunning and converts perfectly on phones, tablets, and desktops. Mobile optimization is built into every project."
|
|
},
|
|
{
|
|
id: "3", title: "Can you integrate with my existing tools?", content: "Yes! We integrate with all major platforms including email marketing tools, CRM systems, analytics platforms, and payment processors. Let us know what you use and we'll make sure everything works seamlessly."
|
|
},
|
|
{
|
|
id: "4", title: "What if I'm not happy with the first version?", content: "Your pricing package includes revision rounds. We'll work with you until you're satisfied. Your success is our success, and we're committed to delivering landing pages that exceed expectations."
|
|
},
|
|
{
|
|
id: "5", title: "Do you provide analytics and reporting?", content: "Yes! Professional and Enterprise plans include detailed analytics dashboards. You'll track conversions, traffic sources, visitor behavior, and more. We also provide monthly performance reports with recommendations."
|
|
},
|
|
{
|
|
id: "6", title: "What makes AT Digital different from other agencies?", content: "We specialize exclusively in small business landing pages. We understand your budget constraints and deliver enterprise-quality results at affordable prices. No fluff, no unnecessary extras—just results-driven design."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to Grow Your Business?"
|
|
description="Start with a free landing page audit. Tell us about your business and we'll show you exactly how we can help you convert more visitors into customers."
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-with-company-statistics-screen-standing-table-startup-office-millennial-multiethnic-businesspeople-discussing-marketing-strategy-working-business-collaboration_482257-33798.jpg?_wi=2"
|
|
imageAlt="Get Started with AT Digital"
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
|
{ name: "businessName", type: "text", placeholder: "Business Name", required: true },
|
|
{ name: "businessType", type: "text", placeholder: "What type of business?", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your business goals and current challenges", rows: 4,
|
|
required: true
|
|
}}
|
|
buttonText="Get Your Free Audit"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="AT Digital"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "© 2024 AT Digital Marketing", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|