Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -31,44 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Services", id: "/services"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="DigitallyTop"
|
||||
button={{
|
||||
text: "Need Expert Support?", href: "#contact"}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="DigitallyTop"
|
||||
description="Delivering Digital Strategies Fueled by AI. We help B2B and B2C brands generate leads and drive eCommerce sales."
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services", href: "#services"},
|
||||
{ text: "Book a Discovery Call", href: "#contact" },
|
||||
{ text: "View Our Services", href: "#services" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
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"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png", imageAlt: "AI Marketing Analytics" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-gay20ivk.png", imageAlt: "Growth Analytics" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-t2q1vvz5.png", imageAlt: "Strategic Planning" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-bj9ie1vp.png", imageAlt: "Performance Dashboard" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,20 +62,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="What Sets Us Apart"
|
||||
description="We deliver creative, strategic, and measurable solutions tailored to your business goals with high-end AI integration."
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9+", title: "Client Rating"},
|
||||
{
|
||||
value: "485+", title: "Qualified Leads"},
|
||||
{
|
||||
value: "99%", title: "Boost in ROI"},
|
||||
{ value: "500+", title: "Successful Campaigns" },
|
||||
{ value: "$50M+", title: "Revenue Generated" },
|
||||
{ value: "98%", title: "Client Retention" },
|
||||
]}
|
||||
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"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DOScZ4kIdp6ez66cgYgJQa7zhc/uploaded-1778152366362-y09432w7.png"
|
||||
imageAlt="Agency workspace environment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,15 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Why Brands Choose Us"
|
||||
description="DigitallyTop provides the backbone for modern digital dominance through innovation and precision."
|
||||
title="Core Capabilities"
|
||||
description="We bridge the gap between creative storytelling and hard data performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,27 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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"},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Everything Your Brand Needs"
|
||||
description="Full-funnel performance solutions across all major platforms."
|
||||
title="Our Services"
|
||||
description="Tailored solutions for modern, high-growth businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,18 +112,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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%"},
|
||||
{ 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%" },
|
||||
]}
|
||||
title="Results That Speak"
|
||||
description="Quantifiable impact that scales your revenue to new heights."
|
||||
title="Measurable Impact"
|
||||
description="We define success by the tangible growth we deliver to your bottom line."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,36 +128,23 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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"},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Partnering with global brands to drive meaningful change."
|
||||
title="Proven Results"
|
||||
description="Trusted by industry leaders to deliver consistent, scalable results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
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"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -209,22 +153,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="DigitallyTop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Ads", href: "#services"},
|
||||
{
|
||||
label: "SEO", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Solutions", items: [{ label: "Marketing", href: "#" }, { label: "Analytics", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #121212;
|
||||
--foreground: #f3f3f1;
|
||||
--primary-cta: #c5e75a;
|
||||
--background: #F3F3F1;
|
||||
--card: #FFFFFF;
|
||||
--foreground: #1D1D1D;
|
||||
--primary-cta: #C5E75A;
|
||||
--primary-cta-text: #1f3a00;
|
||||
--secondary-cta: #1f3a00;
|
||||
--secondary-cta: #1F3A00;
|
||||
--secondary-cta-text: #c5e75a;
|
||||
--accent: #106efb;
|
||||
--background-accent: #1d1d1d;
|
||||
--accent: #A8D92F;
|
||||
--background-accent: #D9D9D9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user