363 lines
18 KiB
TypeScript
363 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Activity, BarChart, Code, Database, DollarSign, Image, LineChart, Palette, Sparkles, Target, Users, Video, ArrowUpRight, ClipboardList, Pencil } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Work", id: "#work"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/black-background-with-stationery_23-2149872572.jpg"
|
|
logoAlt="Ashbun Logo"
|
|
brandName="ASHBUN"
|
|
button={{
|
|
text: "Start Your Growth", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
title="Brands That Dominate Start Here"
|
|
description="We blend data-driven strategy with bold creative to accelerate your growth. From SEO to paid acquisition, we own every channel your customers live on."
|
|
buttons={[
|
|
{
|
|
text: "Start Your Growth", href: "#contact"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "Digital Marketing Analytics Dashboard"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038303.jpg", imageAlt: "Digital Marketing Strategy Concept"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-particles_1048-12501.jpg", imageAlt: "Data Flow and Growth Visualization"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301565.jpg", imageAlt: "Futuristic Digital Marketing Interface"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overworked-businessman-yawning-his-office-desk-late-night-blue-moon-light-coming-from-window_482257-32839.jpg", imageAlt: "Dynamic Digital Ad Campaign"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-hi-tec-science-background_1048-13117.jpg", imageAlt: "Scalable Online Presence"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Search Engine Optimization (SEO)", description: "Increase organic visibility and drive qualified traffic. Our SEO strategies are built for sustained ranking improvements and higher conversion rates.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833070.jpg", imageAlt: "SEO Magnifying Glass"},
|
|
items: [
|
|
{
|
|
icon: ArrowUpRight,
|
|
text: "Keyword Strategy"},
|
|
{
|
|
icon: Code,
|
|
text: "Technical SEO"},
|
|
{
|
|
icon: ClipboardList,
|
|
text: "Content Optimization"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Paid Advertising (SEM & Social)", description: "Maximize ROI with precision-targeted campaigns across Google, Meta, LinkedIn, and more. We turn ad spend into profitable customer acquisition.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-triangle_23-2151293942.jpg", imageAlt: "Paid Advertising Funnel"},
|
|
items: [
|
|
{
|
|
icon: Target,
|
|
text: "Audience Targeting"},
|
|
{
|
|
icon: BarChart,
|
|
text: "Campaign Management"},
|
|
{
|
|
icon: DollarSign,
|
|
text: "Budget Optimization"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Social Media Marketing", description: "Build engaged communities and amplify your brand voice. Our social strategies connect you with customers where they spend their time.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/media-technology-25-flat-color-icon-pack-including-cloud-satellite-dish-eye-satellite-antenna_1142-26738.jpg", imageAlt: "Social Media Network"},
|
|
items: [
|
|
{
|
|
icon: Users,
|
|
text: "Community Growth"},
|
|
{
|
|
icon: Image,
|
|
text: "Creative Content"},
|
|
{
|
|
icon: Activity,
|
|
text: "Engagement Strategies"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Creative Content & Strategy", description: "Captivate your audience with compelling stories and visually stunning assets. From video to copywriting, we create content that converts.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/light-rays-prism-high-view_23-2148771771.jpg", imageAlt: "Creative Content Creation"},
|
|
items: [
|
|
{
|
|
icon: Pencil,
|
|
text: "Copywriting"},
|
|
{
|
|
icon: Video,
|
|
text: "Video Production"},
|
|
{
|
|
icon: Palette,
|
|
text: "Graphic Design"},
|
|
],
|
|
reverse: true
|
|
}
|
|
]}
|
|
title="Our Services: Channels We Master"
|
|
description="From search engines to social feeds, we orchestrate integrated strategies that drive genuine customer engagement and measurable outcomes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "work-1", name: "E-commerce Revenue Surge", price: "50% ROI", imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "E-commerce Growth Dashboard"},
|
|
{
|
|
id: "work-2", name: "SaaS Lead Generation", price: "300% Growth", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898150.jpg", imageAlt: "SaaS Lead Gen Funnel"},
|
|
{
|
|
id: "work-3", name: "Brand Awareness Campaign", price: "20M Impressions", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904330.jpg", imageAlt: "Brand Awareness Metrics"},
|
|
{
|
|
id: "work-4", name: "B2B Content Strategy", price: "100K Engagements", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "B2B Content Strategy"},
|
|
{
|
|
id: "work-5", name: "Global SEO Domination", price: "Top 3 Rankings", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg", imageAlt: "Global SEO Map"},
|
|
{
|
|
id: "work-6", name: "Social Media Community", price: "1M+ Followers", imageSrc: "http://img.b2bpic.net/free-photo/view-network-concept_23-2148999174.jpg", imageAlt: "Social Media Community Growth"},
|
|
]}
|
|
title="Proven Impact: Our Work Speaks Volumes"
|
|
description="Explore a selection of our successful campaigns and see how Ashbun drives real results for ambitious brands across various industries."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Advantage: Data-Driven Excellence"
|
|
metrics={[
|
|
{
|
|
icon: Database,
|
|
label: "Data-Driven Decisions", value: "100%"},
|
|
{
|
|
icon: LineChart,
|
|
label: "Continuous Optimization", value: "24/7"},
|
|
{
|
|
icon: Users,
|
|
label: "Client Retention Rate", value: "95%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "250%", description: "Average Client ROI"},
|
|
{
|
|
id: "m2", value: "60%", description: "Reduction in CPA"},
|
|
{
|
|
id: "m3", value: "120%", description: "YOY Revenue Growth"},
|
|
]}
|
|
title="Quantifiable Success: We Deliver ROI"
|
|
description="Our strategies are built on measurable outcomes, transforming your investment into predictable, scalable growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "plan-1", badge: "Starter", price: "$5,000/mo", subtitle: "Ideal for emerging brands", buttons: [
|
|
{
|
|
text: "Get Started"},
|
|
],
|
|
features: [
|
|
"Core SEO Package", "Basic Paid Ads (up to $10k ad spend)", "Monthly Reporting", "Dedicated Account Manager"],
|
|
},
|
|
{
|
|
id: "plan-2", badge: "Growth Accelerator", badgeIcon: Sparkles,
|
|
price: "$12,000/mo", subtitle: "For ambitious scaling businesses", buttons: [
|
|
{
|
|
text: "Choose Plan"},
|
|
],
|
|
features: [
|
|
"Advanced SEO & Content Strategy", "Scaled Paid Ads (up to $50k ad spend)", "Social Media Management", "Bi-Weekly Strategy Sessions", "Performance Guarantee"],
|
|
},
|
|
{
|
|
id: "plan-3", badge: "Enterprise Solution", price: "Custom", subtitle: "Comprehensive for market leaders", buttons: [
|
|
{
|
|
text: "Contact Us"},
|
|
],
|
|
features: [
|
|
"Full-Stack Digital Transformation", "Unlimited Ad Spend Management", "Advanced Analytics & AI Tools", "24/7 Priority Support", "Strategic Partnership & Consulting"],
|
|
},
|
|
]}
|
|
title="Tailored Growth Plans: Invest in Impact"
|
|
description="Our flexible engagement models are designed to align with your business goals, offering transparency and maximum ROI."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateCo", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageAlt: "Sarah Johnson, CEO of InnovateCo"},
|
|
{
|
|
id: "t2", name: "Michael Chen", role: "Marketing Director", company: "GrowthX", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg", imageAlt: "Michael Chen, Marketing Director of GrowthX"},
|
|
{
|
|
id: "t3", name: "Emily Rodriguez", role: "E-commerce Founder", company: "StyleHub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-straw-collection-top-view_23-2148877836.jpg", imageAlt: "Emily Rodriguez, E-commerce Founder of StyleHub"},
|
|
{
|
|
id: "t4", name: "David Kim", role: "Head of SaaS Product", company: "LogicFlow", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2370.jpg", imageAlt: "David Kim, Head of SaaS Product at LogicFlow"},
|
|
{
|
|
id: "t5", name: "Jessica Lee", role: "Brand Strategist", company: "Visionary Brands", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-readhead-bearded-man-white-shirt-sitting-his-workplace-holding-his-chin-looking_171337-9855.jpg", imageAlt: "Jessica Lee, Brand Strategist at Visionary Brands"},
|
|
]}
|
|
title="What Our Partners Say: Trust Built on Results"
|
|
description="Hear directly from the brands we've helped achieve unprecedented digital growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What makes Ashbun different?", content: "Our blend of data-driven strategy with bold creative execution sets us apart. We don't just run campaigns; we build scalable digital ecosystems focused on measurable ROI and long-term partnership."},
|
|
{
|
|
id: "faq-2", title: "How do you measure success?", content: "We define success by tangible business outcomes: increased revenue, improved customer acquisition cost (CAC), higher conversion rates, and stronger brand equity. All our efforts are tied to clear KPIs and transparent reporting."},
|
|
{
|
|
id: "faq-3", title: "What kind of businesses do you work with?", content: "We partner with growth-focused B2B and B2C companies, typically mid-market to enterprise level, seeking to accelerate their online presence and expand their market share through strategic digital initiatives."},
|
|
{
|
|
id: "faq-4", title: "Can you integrate with our existing marketing stack?", content: "Absolutely. We are adept at integrating with various CRM, analytics, and marketing automation platforms to ensure seamless data flow and a unified approach to your digital strategy."},
|
|
]}
|
|
sideTitle="Your Questions, Our Answers"
|
|
sideDescription="We believe in transparency. Find answers to common inquiries about our services, processes, and partnership approach."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to Dominate Your Market? Let's Talk Strategy."
|
|
buttons={[
|
|
{
|
|
text: "Schedule a Consultation"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="ASHBUN"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Work", href: "#work"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "SEO", href: "#services"},
|
|
{
|
|
label: "Paid Ads", href: "#services"},
|
|
{
|
|
label: "Social Media", href: "#services"},
|
|
{
|
|
label: "Content", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Ashbun. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|