205 lines
11 KiB
TypeScript
205 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Webild"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Results", id: "results" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "About", id: "about" },
|
|
]}
|
|
button={{
|
|
text: "Book a Call", href: "#contact"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="We Build Digital Systems That Generate Clients"
|
|
description="Strategic website development, performance marketing, and growth campaigns that drive measurable results for ambitious agencies and consultants."
|
|
background={{ variant: "downward-rays-static" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "professional headshot business portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "professional headshot business portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "professional headshot business portrait"},
|
|
]}
|
|
avatarText="Trusted by 100+ growth-focused businesses"
|
|
buttons={[
|
|
{ text: "Book a Call", href: "#contact" },
|
|
{ text: "View Case Studies", href: "#results" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Our Services"
|
|
description="Everything you need to build a sustainable client acquisition engine."
|
|
tag="What We Do"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "web-dev", title: "Website Development", description: "Custom-built websites optimized for conversions. Fast, modern, and designed to turn visitors into clients.", imageSrc: "http://img.b2bpic.net/free-photo/html-programming-advanced-technology-web-concept_53876-124133.jpg", imageAlt: "web development coding website design"},
|
|
{
|
|
id: "performance-marketing", title: "Performance Marketing", description: "Data-driven campaigns that drive qualified leads. We optimize every dollar spent for maximum ROI.", imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg", imageAlt: "digital marketing analytics performance data"},
|
|
{
|
|
id: "recruiting", title: "Recruiting Campaigns", description: "Targeted recruitment strategies that attract top talent. Build your dream team with precision targeting.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-hr-managers-asking-interview-questions-vet-applicants_482257-122961.jpg", imageAlt: "recruitment hiring team business"},
|
|
{
|
|
id: "branding", title: "Branding & Content Production", description: "Compelling brand narratives and high-quality content that resonate with your target audience.", imageSrc: "http://img.b2bpic.net/free-psd/creative-marketing-agency-social-media-story-design-template_47987-33977.jpg", imageAlt: "branding content marketing creative"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="results" data-section="results">
|
|
<MetricCardTwo
|
|
title="Real Results. Real Numbers."
|
|
description="See the impact we've delivered for our clients across industries and business models."
|
|
tag="Case Studies"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "340%", description: "Average ROI Increase"},
|
|
{
|
|
id: "2", value: "2.5M+", description: "Total Revenue Generated"},
|
|
{
|
|
id: "3", value: "95%", description: "Client Retention Rate"},
|
|
{
|
|
id: "4", value: "50+", description: "Successful Projects Delivered"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardTwentySeven
|
|
title="Our Proven Process"
|
|
description="A three-step framework designed to maximize growth and ensure consistent results."
|
|
tag="How We Work"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "strategy", title: "Strategy", description: "We dive deep into your business, market, and goals. We build a comprehensive strategy that aligns with your vision and targets the right audience.", imageSrc: "http://img.b2bpic.net/free-photo/startups-business-teamwork-meeting-analyse-marketing-data_1421-222.jpg", imageAlt: "strategy planning business analysis"},
|
|
{
|
|
id: "execution", title: "Execution", description: "Our team implements the strategy with precision and creativity. From design to campaigns to content, we execute flawlessly across all channels.", imageSrc: "http://img.b2bpic.net/free-photo/improvement-success-planning-ideas-research_53876-26264.jpg", imageAlt: "execution implementation development work"},
|
|
{
|
|
id: "optimization", title: "Optimization", description: "We continuously monitor, test, and refine. Every metric is tracked, every campaign is optimized for maximum performance and ROI.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-graphs-digital-tablet-while-planning-with-coworkers-desk-office_662251-126.jpg", imageAlt: "optimization analytics improvement metrics"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Built by Growth Obsessed Founders"
|
|
description="We started Webild because we were frustrated with generic agencies that didn't understand growth. We've spent 10+ years optimizing client acquisition funnels, testing marketing strategies, and building systems that work. Now we help ambitious businesses do the same."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-business-professionals-discussing-file-desk-creative-office-meeting_662251-1737.jpg"
|
|
imageAlt="team office professionals meeting"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get to Know Us", href: "#contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Let's Build Your Growth System"
|
|
ctaDescription="Schedule a free consultation to discuss your goals and see how we can help drive real results for your business."
|
|
ctaButton={{
|
|
text: "Schedule a Call", href: "https://calendly.com"}}
|
|
ctaIcon={Calendar}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What industries do you work with?", content: "We work with agencies, consultants, SaaS companies, e-commerce brands, and B2B service providers. If you're looking to scale acquisition, we can help."},
|
|
{
|
|
id: "2", title: "What's your typical engagement model?", content: "We offer project-based work, monthly retainers, and performance-based partnerships. We'll discuss what makes sense for your specific needs and budget."},
|
|
{
|
|
id: "3", title: "How long does it take to see results?", content: "Most clients see initial traction within 30-60 days. Significant ROI improvements typically appear within 3-6 months as campaigns and systems mature."},
|
|
{
|
|
id: "4", title: "Can you guarantee results?", content: "We can't guarantee specific metrics, but we guarantee transparent reporting, strategic thinking, and relentless optimization. Your success is our success."},
|
|
]}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Webild"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Case Studies", href: "#results" },
|
|
{ label: "Process", href: "#process" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Growth Guide", href: "/resources/growth-guide" },
|
|
{ label: "Templates", href: "/resources/templates" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Webild. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|