Switch to version 1: modified src/app/page.tsx

This commit is contained in:
2026-05-07 11:16:31 +00:00
parent a4e339082f
commit 76aa196fd5

View File

@@ -31,30 +31,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Services", id: "#services" },
{ name: "Contact", id: "#contact" }
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Contact", id: "/contact"},
{
name: "Services", id: "/services"}
]}
brandName="DigitallyTop"
button={{ text: "Get Started", href: "#contact" }}
button={{
text: "Need Expert Support?", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Future-Proof Your Brand"
description="We combine AI-driven insights with high-performance marketing strategies to scale your business, drive leads, and maximize your eCommerce ROI."
logoText="DigitallyTop"
description="Delivering Digital Strategies Fueled by AI. We help B2B and B2C brands generate leads and drive eCommerce sales."
buttons={[
{ text: "Book a Discovery Call", href: "#contact" },
{ text: "View Our Services", href: "#services" },
{
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services", href: "#services"},
]}
slides={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png?_wi=1", imageAlt: "AI Marketing Analytics" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-gay20ivk.png?_wi=1", imageAlt: "Growth Analytics" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-t2q1vvz5.png?_wi=1", imageAlt: "Strategic Planning" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-bj9ie1vp.png?_wi=1", imageAlt: "Performance Dashboard" },
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg", imageAlt: "AI Marketing Analytics"},
{
imageSrc: "http://img.b2bpic.net/free-photo/firewall-breached-cyber-security-alert_23-2152001125.jpg", imageAlt: "Conversion Growth Data"},
{
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-shwoing-marketing-graphs-freelancer-woman-analyzing-company-strategy-working-partnership-project-startup-office-marketing-team-brainstorming-business-ideas_482257-43876.jpg", imageAlt: "AI Ad Performance"},
{
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-geometric-paper-objects_23-2148547793.jpg", imageAlt: "Strategy Visualization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg", imageAlt: "Funnel Optimization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645639.jpg", imageAlt: "Digital Strategy Dashboard"},
]}
/>
</div>
@@ -62,15 +76,20 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Strategic AI-Integrated Growth"
description="We don't just run campaigns; we build sustainable digital ecosystems. By leveraging cutting-edge AI and human expertise, we turn complex data into predictable, scalable revenue growth."
title="What Sets Us Apart"
description="We deliver creative, strategic, and measurable solutions tailored to your business goals with high-end AI integration."
metrics={[
{ value: "500+", title: "Successful Campaigns" },
{ value: "$50M+", title: "Revenue Generated" },
{ value: "98%", title: "Client Retention" },
{
value: "4.9+", title: "Client Rating"},
{
value: "485+", title: "Qualified Leads"},
{
value: "99%", title: "Boost in ROI"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png?_wi=2"
imageAlt="Agency workspace environment"
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241204.jpg"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
imageAlt="Digital agency office team environment"
/>
</div>
@@ -81,12 +100,15 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{ title: "Predictive AI Analytics", description: "Anticipate market trends before your competitors even know they exist.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-gay20ivk.png?_wi=2" },
{ title: "Conversion-Centric UX", description: "High-converting landing pages built for performance and scale.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-t2q1vvz5.png?_wi=2" },
{ title: "Omnichannel Execution", description: "Unified strategy across search, social, and display networks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-bj9ie1vp.png?_wi=2" },
{
title: "Data-Driven Approach", description: "Every move is optimized based on real-time AI performance metrics.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg", imageAlt: "Data analytics icon"},
{
title: "Experienced Team", description: "Senior digital marketing professionals at your service.", imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg", imageAlt: "Team collaboration icon"},
{
title: "Customized Strategies", description: "Tailored funnels that speak directly to your target audience.", imageSrc: "http://img.b2bpic.net/free-photo/red-dart-arrows-target-center_1232-1640.jpg", imageAlt: "Strategic growth icon"},
]}
title="Core Capabilities"
description="We bridge the gap between creative storytelling and hard data performance."
title="Why Brands Choose Us"
description="DigitallyTop provides the backbone for modern digital dominance through innovation and precision."
/>
</div>
@@ -97,12 +119,27 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "s1", brand: "Ads", name: "Performance Marketing", price: "Custom", rating: 5, reviewCount: "150+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png?_wi=3" },
{ id: "s2", brand: "Strategy", name: "Go-to-Market Strategy", price: "Custom", rating: 5, reviewCount: "90+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-gay20ivk.png?_wi=3" },
{ id: "s3", brand: "Creative", name: "Dynamic Ad Creatives", price: "Custom", rating: 5, reviewCount: "200+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-t2q1vvz5.png?_wi=3" },
{
id: "p1", brand: "Ads", name: "Google Ads", price: "From $500", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/businessman-designing-layout_53876-94872.jpg"},
{
id: "p2", brand: "Ads", name: "Meta Ads", price: "From $500", rating: 5,
reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-132197.jpg"},
{
id: "p3", brand: "SEO", name: "Search Engine Optimization", price: "From $800", rating: 5,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-internet-browser-search-bar-screen_169016-39361.jpg"},
{
id: "p4", brand: "Design", name: "Dynamic Creatives", price: "From $300", rating: 5,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_1421-559.jpg"},
{
id: "p5", brand: "Strategy", name: "Funnel Design", price: "From $1200", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"},
{
id: "p6", brand: "Growth", name: "CRO", price: "From $600", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760979.jpg"},
]}
title="Our Services"
description="Tailored solutions for modern, high-growth businesses."
title="Everything Your Brand Needs"
description="Full-funnel performance solutions across all major platforms."
/>
</div>
@@ -112,12 +149,18 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: TrendingUp, title: "CPL Reduction", value: "45%" },
{ id: "m2", icon: Target, title: "Customer Acquisition", value: "10k+" },
{ id: "m3", icon: Award, title: "Brand Authority", value: "Top 1%" },
{
id: "m1", icon: TrendingUp,
title: "Growth", value: "42% CPL"},
{
id: "m2", icon: Target,
title: "Leads", value: "485+"},
{
id: "m3", icon: Award,
title: "Boost", value: "99%"},
]}
title="Measurable Impact"
description="We define success by the tangible growth we deliver to your bottom line."
title="Results That Speak"
description="Quantifiable impact that scales your revenue to new heights."
/>
</div>
@@ -128,23 +171,36 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Alex Rivera", role: "CMO", company: "InnovateAI", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png?_wi=4" },
{ id: "t2", name: "Sarah Chen", role: "Founder", company: "GrowthStack", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-gay20ivk.png?_wi=4" },
{ id: "t3", name: "Mark Thompson", role: "Director", company: "ScalePro", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-t2q1vvz5.png?_wi=4" },
{
id: "1", name: "Sarah J.", role: "CEO", company: "TechCorp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"},
{
id: "2", name: "Mark D.", role: "Founder", company: "AutoPro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
{
id: "3", name: "Elena V.", role: "Marketing", company: "SkinCare", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-application-human-digital-business_1150-1729.jpg"},
{
id: "4", name: "David L.", role: "Director", company: "HomeSmart", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-man-wearing-grey-suit-standing-isolated-white-wall_231208-9211.jpg"},
{
id: "5", name: "James K.", role: "Owner", company: "HVAC Pro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-career-women-concept-portrait-cheerful-successful-young-woman-beige-jacket-sitting-lecture-room-office-lounge-smiling-looking-joyful-camera_197531-22163.jpg"},
]}
title="Proven Results"
description="Trusted by industry leaders to deliver consistent, scalable results."
title="Client Success Stories"
description="Partnering with global brands to drive meaningful change."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "canvas-reveal" }}
tag="Contact Us"
title="Ready to scale?"
description="Partner with us to transform your digital strategy today."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-bj9ie1vp.png?_wi=3"
background={{
variant: "canvas-reveal"}}
tag="Get Started"
title="Book a Discovery Call"
description="Let's discuss how we can scale your brand to the top of your market."
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-xray-cyclist_183364-119256.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -153,8 +209,22 @@ export default function LandingPage() {
<FooterBaseCard
logoText="DigitallyTop"
columns={[
{ title: "Solutions", items: [{ label: "Marketing", href: "#" }, { label: "Analytics", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{
title: "Services", items: [
{
label: "Ads", href: "#services"},
{
label: "SEO", href: "#services"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
]}
/>
</div>