Switch to version 1: modified src/app/page.tsx
This commit is contained in:
229
src/app/page.tsx
229
src/app/page.tsx
@@ -3,14 +3,17 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Search, ArrowUpRight, Shield, Zap, TrendingUp, Users, Target, BarChart3, Megaphone, Target as Rocket } from "lucide-react";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import { Sparkles, Search, ArrowUpRight, Shield, Zap, TrendingUp, Award, Users, Target, BarChart3, Megaphone, Target as Rocket } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
return (
|
||||
@@ -22,115 +25,115 @@ export default function WebAgency2Page() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
primaryButtonStyle="metallic"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="DigitallyTop"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Case Studies", id: "work" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Scale Faster with AI-Powered Marketing"
|
||||
description="We combine elite data science with high-impact creative strategies to drive predictable growth for premium e-commerce and B2B brands."
|
||||
tag="The Future of Growth"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by our partners"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=1", imageAlt: "AI Data Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg?_wi=1", imageAlt: "Digital Campaign Strategy" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
title="Elite Performance Services"
|
||||
description="Our core competencies designed to dominate the digital landscape."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Lead Generation", description: "High-intent prospect acquisition powered by automated AI funnels.", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=2", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Google Ads", description: "ROI-focused campaigns designed to scale conversion volume.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Meta Ads", description: "Creative-first social ads targeting your ideal customer avatars.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg?_wi=2", titleImageSrc: "", buttonText: "Learn More" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Performance Metrics That Matter"
|
||||
description="We focus on the numbers that impact your bottom line."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "roi", value: "$50M+", title: "Revenue Generated", icon: TrendingUp },
|
||||
{ id: "growth", value: "300%", title: "Average Growth", icon: Rocket },
|
||||
{ id: "clients", value: "150+", title: "Partners", icon: Users }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Proven Success"
|
||||
description="See how DigitallyTop drives measurable revenue increases for our partners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional Growth", quote: "DigitallyTop is our growth engine.", name: "Alex Rivet", role: "CMO at Nexa Growth" },
|
||||
{ id: "2", title: "Data-Driven", quote: "They bridged the gap between complex AI and revenue.", name: "Sarah Chen", role: "Founder at TechCo" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get the insights you need to get started."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How is your approach different?", content: "We leverage proprietary AI models." },
|
||||
{ id: "2", title: "What industries do you serve?", content: "We specialize in e-commerce and B2B SaaS." },
|
||||
{ id: "3", title: "How do we measure success?", content: "Success is tracked via real-time dashboards." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Let's Grow"
|
||||
title="Ready to Dominate Your Market?"
|
||||
description="Book your discovery call and receive a custom marketing blueprint."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Google Ads" }, { label: "Meta Ads" }] },
|
||||
{ title: "Company", items: [{ label: "Case Studies" }, { label: "Contact" }] }
|
||||
]}
|
||||
bottomLeftText="DigitallyTop"
|
||||
bottomRightText="© 2025"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="DigitallyTop"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Case Studies", id: "work" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Scale Faster with AI-Powered Marketing"
|
||||
description="We combine elite data science with high-impact creative strategies to drive predictable growth for premium e-commerce and B2B brands."
|
||||
tag="The Future of Growth"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttons={[
|
||||
{ text: "Request Audit", href: "#contact" },
|
||||
{ text: "View Case Studies", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "AI Data Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg", imageAlt: "Marketing Performance" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg", imageAlt: "Digital Campaign Strategy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "Revenue Growth Charts" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Elite Performance Services"
|
||||
description="Our core competencies designed to dominate the digital landscape."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Lead Generation", description: "High-intent prospect acquisition powered by automated AI funnels.", bentoComponent: "reveal-icon", icon: Target },
|
||||
{ title: "Google Ads", description: "ROI-focused campaigns designed to scale conversion volume.", bentoComponent: "reveal-icon", icon: Search },
|
||||
{ title: "Meta Ads", description: "Creative-first social ads targeting your ideal customer avatars.", bentoComponent: "reveal-icon", icon: Megaphone },
|
||||
{ title: "Conversion Rate Optimization", description: "Data-backed testing to convert more traffic into paying customers.", bentoComponent: "line-chart" },
|
||||
{ title: "Growth Consulting", description: "Scalable infrastructure and strategy for aggressive market expansion.", bentoComponent: "reveal-icon", icon: TrendingUp }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Proven Success Stories"
|
||||
description="See how DigitallyTop drives measurable revenue increases for our partners."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Luxury E-commerce", description: "Achieved 3x ROAS in 90 days.", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg", buttonIcon: ArrowUpRight },
|
||||
{ title: "B2B SaaS Growth", description: "Scaled pipeline from 0 to 500+ MQLs/mo.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page_23-2148116181.jpg", buttonIcon: ArrowUpRight },
|
||||
{ title: "Health & Beauty", description: "Increased conversion rate by 42%.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-cosmetic-products_23-2148723191.jpg", buttonIcon: ArrowUpRight },
|
||||
{ title: "Tech Startups", description: "Reduced CAC by 25% via AI automation.", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg", buttonIcon: ArrowUpRight }
|
||||
]}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Performance Metrics That Matter"
|
||||
description="We focus on the numbers that impact your bottom line."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "roi", value: "$50M+", title: "Revenue Generated", description: "Direct client revenue growth", icon: TrendingUp },
|
||||
{ id: "growth", value: "300%", title: "Average Growth", description: "Targeted scaling per campaign", icon: Rocket },
|
||||
{ id: "clients", value: "150+", title: "Partners", description: "High-growth brands we serve", icon: Users }
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="DigitallyTop isn't just an agency; they are our growth engine. They bridged the gap between complex AI data and actual revenue growth."
|
||||
rating={5}
|
||||
author="— Alex Rivet, CMO at Nexa Growth"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Alex Rivet" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Get the insights you need to get started."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How is your approach different?", content: "We leverage proprietary AI models to predict performance before we spend your budget." },
|
||||
{ id: "2", title: "What industries do you serve?", content: "We specialize in high-ticket e-commerce, D2C brands, and B2B SaaS companies." },
|
||||
{ id: "3", title: "How do we measure success?", content: "Success is tracked via real-time dashboards focused on CAC, ROAS, and Lifetime Value." }
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Let's Grow"
|
||||
title="Ready to Dominate Your Market?"
|
||||
description="Book your discovery call and receive a custom marketing blueprint."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Schedule a Discovery Call", href: "#contact" }]}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="DigitallyTop"
|
||||
copyrightText="© 2025 | DigitallyTop"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Google Ads", href: "#" }, { label: "Meta Ads", href: "#" }, { label: "SEO", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Case Studies", href: "#" }, { label: "Process", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user