|
|
|
|
@@ -9,8 +9,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
|
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
@@ -32,21 +30,11 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home",
|
|
|
|
|
id: "hero",
|
|
|
|
|
},
|
|
|
|
|
name: "Home", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "Services",
|
|
|
|
|
id: "services",
|
|
|
|
|
},
|
|
|
|
|
name: "Services", id: "services"},
|
|
|
|
|
{
|
|
|
|
|
name: "Portfolio",
|
|
|
|
|
id: "portfolio",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact",
|
|
|
|
|
id: "contact",
|
|
|
|
|
},
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Dynamic Alpha"
|
|
|
|
|
/>
|
|
|
|
|
@@ -58,36 +46,20 @@ export default function LandingPage() {
|
|
|
|
|
description="Dynamic Alpha Design Group transforms your ideas into powerful, high-conversion digital experiences through expert development, SEO, and AI integration."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "View Portfolio",
|
|
|
|
|
href: "#portfolio",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
text: "Start Project",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
text: "Start Project", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-smooth-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-71396.jpg?_wi=1"
|
|
|
|
|
imageSrc="https://img.b2bpic.net/free-vector/5g-networking-technology-background-with-blue-digital-line_53876-119505.jpg?id=16406299"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
|
|
|
|
alt: "Portrait smiley modern male",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
|
|
|
|
alt: "Smiling businessman standing at airport",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
|
|
|
|
alt: "Portrait of grey-haired businessman standing",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Portrait of grey-haired businessman standing"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
|
|
|
|
alt: "Positive confident businessman posing outside",
|
|
|
|
|
},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Positive confident businessman posing outside"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
|
|
|
|
alt: "Close up of entrepreneur with corporate job",
|
|
|
|
|
},
|
|
|
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DpjaYBOhfrl7M1DcH4MDTrcnrQ/uploaded-1779557538441-tw496u2g.png", alt: "Close up of entrepreneur with corporate job"},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 150+ industry leaders"
|
|
|
|
|
/>
|
|
|
|
|
@@ -107,90 +79,23 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
title: "Web Development",
|
|
|
|
|
descriptions: [
|
|
|
|
|
"Custom full-stack solutions",
|
|
|
|
|
"Responsive frontend architecture",
|
|
|
|
|
"High-performance CMS",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-125130.jpg?_wi=1",
|
|
|
|
|
},
|
|
|
|
|
id: "1", title: "Web Development", descriptions: [
|
|
|
|
|
"Custom full-stack solutions", "Responsive frontend architecture", "High-performance CMS"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-125130.jpg?_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
title: "SEO & Performance",
|
|
|
|
|
descriptions: [
|
|
|
|
|
"Data-driven search strategy",
|
|
|
|
|
"Technical optimization",
|
|
|
|
|
"Conversion rate improvement",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14896.jpg?_wi=1",
|
|
|
|
|
},
|
|
|
|
|
id: "2", title: "SEO & Performance", descriptions: [
|
|
|
|
|
"Data-driven search strategy", "Technical optimization", "Conversion rate improvement"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14896.jpg?_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
title: "AI Integration",
|
|
|
|
|
descriptions: [
|
|
|
|
|
"Automated business workflows",
|
|
|
|
|
"Predictive data analytics",
|
|
|
|
|
"Smart platform development",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-chip-circuit-board_23-2151977487.jpg?_wi=1",
|
|
|
|
|
},
|
|
|
|
|
id: "3", title: "AI Integration", descriptions: [
|
|
|
|
|
"Automated business workflows", "Predictive data analytics", "Smart platform development"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-chip-circuit-board_23-2151977487.jpg?_wi=1"},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Specialized Digital Services"
|
|
|
|
|
description="Comprehensive solutions tailored to scale your brand and outperform competition."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
|
|
|
<ProductCardThree
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "p1",
|
|
|
|
|
name: "Tech Startup Platform",
|
|
|
|
|
price: "Web App",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-132252.jpg?_wi=1",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p2",
|
|
|
|
|
name: "Fintech Mobile Interface",
|
|
|
|
|
price: "Mobile App",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-cryptocurrencies-app-template_23-2151095449.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p3",
|
|
|
|
|
name: "Enterprise Data Dashboard",
|
|
|
|
|
price: "Software",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913289.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p4",
|
|
|
|
|
name: "Global E-commerce Site",
|
|
|
|
|
price: "E-commerce",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-vector/happy-people-buying-clothes-online_74855-7033.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p5",
|
|
|
|
|
name: "Corporate Identity Site",
|
|
|
|
|
price: "Brand Web",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "p6",
|
|
|
|
|
name: "API Integration System",
|
|
|
|
|
price: "Backend",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Selected Project Portfolios"
|
|
|
|
|
description="Showcasing our impact across diverse industry sectors."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardSeven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -198,34 +103,16 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1",
|
|
|
|
|
value: "150+",
|
|
|
|
|
title: "Projects Completed",
|
|
|
|
|
items: [
|
|
|
|
|
"Successfully delivered websites",
|
|
|
|
|
"High-conversion platforms",
|
|
|
|
|
"Long-term partners",
|
|
|
|
|
],
|
|
|
|
|
id: "m1", value: "20+", title: "Projects Completed", items: [
|
|
|
|
|
"Successfully delivered websites", "High-conversion platforms", "Long-term partners"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m2",
|
|
|
|
|
value: "45%",
|
|
|
|
|
title: "Avg SEO Growth",
|
|
|
|
|
items: [
|
|
|
|
|
"Traffic increase observed",
|
|
|
|
|
"Keyword ranking improvements",
|
|
|
|
|
"Domain authority boost",
|
|
|
|
|
],
|
|
|
|
|
id: "m2", value: "45%", title: "Avg SEO Growth", items: [
|
|
|
|
|
"Traffic increase observed", "Keyword ranking improvements", "Domain authority boost"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m3",
|
|
|
|
|
value: "24/7",
|
|
|
|
|
title: "Support Availability",
|
|
|
|
|
items: [
|
|
|
|
|
"Dedicated expert team",
|
|
|
|
|
"Proactive system monitoring",
|
|
|
|
|
"Instant technical assistance",
|
|
|
|
|
],
|
|
|
|
|
id: "m3", value: "24/7", title: "Support Availability", items: [
|
|
|
|
|
"Dedicated expert team", "Proactive system monitoring", "Instant technical assistance"],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Driving Tangible Growth"
|
|
|
|
|
@@ -233,97 +120,19 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "t1",
|
|
|
|
|
name: "Sarah Miller",
|
|
|
|
|
date: "2024",
|
|
|
|
|
title: "CEO",
|
|
|
|
|
quote: "Their work completely transformed our brand visibility. Truly impressed.",
|
|
|
|
|
tag: "Tech",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-71396.jpg?_wi=2",
|
|
|
|
|
imageAlt: "professional business executive",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t2",
|
|
|
|
|
name: "James Chen",
|
|
|
|
|
date: "2024",
|
|
|
|
|
title: "Founder",
|
|
|
|
|
quote: "Dynamic Alpha knows how to build platforms that scale effortlessly.",
|
|
|
|
|
tag: "Startup",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-125130.jpg?_wi=2",
|
|
|
|
|
imageAlt: "professional business executive",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t3",
|
|
|
|
|
name: "Emily Davis",
|
|
|
|
|
date: "2023",
|
|
|
|
|
title: "Creative Director",
|
|
|
|
|
quote: "Exceptional communication and high quality delivery throughout the project.",
|
|
|
|
|
tag: "Design",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14896.jpg?_wi=2",
|
|
|
|
|
imageAlt: "professional business executive",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t4",
|
|
|
|
|
name: "Marcus Wright",
|
|
|
|
|
date: "2024",
|
|
|
|
|
title: "Director",
|
|
|
|
|
quote: "Our SEO rankings tripled in just three months. Phenomenal results.",
|
|
|
|
|
tag: "Retail",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-chip-circuit-board_23-2151977487.jpg?_wi=2",
|
|
|
|
|
imageAlt: "professional business executive",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t5",
|
|
|
|
|
name: "Linda Peterson",
|
|
|
|
|
date: "2024",
|
|
|
|
|
title: "Product Mgr",
|
|
|
|
|
quote: "The AI tools they integrated were a total game-changer for us.",
|
|
|
|
|
tag: "SaaS",
|
|
|
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-132252.jpg?_wi=2",
|
|
|
|
|
imageAlt: "professional business executive",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Voices of Success"
|
|
|
|
|
description="See why partners choose our agency for their digital transformation."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "f1",
|
|
|
|
|
title: "How do you approach SEO?",
|
|
|
|
|
content: "We use a technical, audit-driven strategy focused on long-term authority and conversion efficiency.",
|
|
|
|
|
},
|
|
|
|
|
id: "f1", title: "How do you approach SEO?", content: "We use a technical, audit-driven strategy focused on long-term authority and conversion efficiency."},
|
|
|
|
|
{
|
|
|
|
|
id: "f2",
|
|
|
|
|
title: "Do you offer post-launch support?",
|
|
|
|
|
content: "Yes, we provide flexible maintenance packages to ensure your platform remains optimal and secure.",
|
|
|
|
|
},
|
|
|
|
|
id: "f2", title: "Do you offer post-launch support?", content: "Yes, we provide flexible maintenance packages to ensure your platform remains optimal and secure."},
|
|
|
|
|
{
|
|
|
|
|
id: "f3",
|
|
|
|
|
title: "Can you integrate AI into legacy systems?",
|
|
|
|
|
content: "Absolutely. We specialize in retrofitting legacy architectures with modern AI tools for enhanced productivity.",
|
|
|
|
|
},
|
|
|
|
|
id: "f3", title: "Can you integrate AI into legacy systems?", content: "Absolutely. We specialize in retrofitting legacy architectures with modern AI tools for enhanced productivity."},
|
|
|
|
|
{
|
|
|
|
|
id: "f4",
|
|
|
|
|
title: "How long do projects take?",
|
|
|
|
|
content: "Project timelines vary by scope, but we maintain an agile, transparent development schedule.",
|
|
|
|
|
},
|
|
|
|
|
id: "f4", title: "How long do projects take?", content: "Project timelines vary by scope, but we maintain an agile, transparent development schedule."},
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Clear answers to your digital strategy questions."
|
|
|
|
|
@@ -335,14 +144,11 @@ export default function LandingPage() {
|
|
|
|
|
<ContactText
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "animated-grid",
|
|
|
|
|
}}
|
|
|
|
|
variant: "animated-grid"}}
|
|
|
|
|
text="Ready to accelerate your digital presence? Let's build your next big project together."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Contact Us Now",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
text: "Contact Us Now", href: "#"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -351,33 +157,21 @@ export default function LandingPage() {
|
|
|
|
|
<FooterBase
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Company",
|
|
|
|
|
items: [
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "About",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
label: "About", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Services",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
label: "Services", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Contact",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
label: "Contact", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal",
|
|
|
|
|
items: [
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Privacy Policy",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
label: "Privacy Policy", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Terms of Service",
|
|
|
|
|
href: "#",
|
|
|
|
|
},
|
|
|
|
|
label: "Terms of Service", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -387,4 +181,4 @@ export default function LandingPage() {
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
