9 Commits

Author SHA1 Message Date
44f0d53299 Update theme colors 2026-05-23 17:14:17 +00:00
0895a83431 Update src/app/page.tsx 2026-05-23 17:13:50 +00:00
80fb44a178 Update src/app/page.tsx 2026-05-23 17:08:34 +00:00
240858a48c Update src/app/styles/variables.css 2026-05-23 17:06:29 +00:00
7a382bef79 Update src/app/page.tsx 2026-05-23 17:06:29 +00:00
f023e758b8 Merge version_2 into main
Merge version_2 into main
2026-05-23 17:05:57 +00:00
75717ba14c Update src/app/styles/variables.css 2026-05-23 17:05:53 +00:00
437e5dee46 Update src/app/page.tsx 2026-05-23 17:05:53 +00:00
c39709a481 Merge version_1 into main
Merge version_1 into main
2026-05-17 02:49:38 +00:00
2 changed files with 42 additions and 248 deletions

View File

@@ -9,8 +9,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; 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'; import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() { export default function LandingPage() {
@@ -32,21 +30,11 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Portfolio", name: "Contact", id: "contact"},
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Dynamic Alpha" 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." description="Dynamic Alpha Design Group transforms your ideas into powerful, high-conversion digital experiences through expert development, SEO, and AI integration."
buttons={[ buttons={[
{ {
text: "View Portfolio", text: "Start Project", href: "#contact"},
href: "#portfolio",
},
{
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={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male"},
alt: "Portrait smiley modern male",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
alt: "Smiling businessman standing at airport",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Portrait of grey-haired businessman standing"},
alt: "Portrait of grey-haired businessman standing",
},
{ {
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Positive confident businessman posing outside"},
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", 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"},
alt: "Close up of entrepreneur with corporate job",
},
]} ]}
avatarText="Trusted by 150+ industry leaders" avatarText="Trusted by 150+ industry leaders"
/> />
@@ -107,90 +79,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "1", id: "1", title: "Web Development", descriptions: [
title: "Web Development", "Custom full-stack solutions", "Responsive frontend architecture", "High-performance CMS"],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-125130.jpg?_wi=1"},
"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", id: "2", title: "SEO & Performance", descriptions: [
title: "SEO & Performance", "Data-driven search strategy", "Technical optimization", "Conversion rate improvement"],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14896.jpg?_wi=1"},
"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", id: "3", title: "AI Integration", descriptions: [
title: "AI Integration", "Automated business workflows", "Predictive data analytics", "Smart platform development"],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-chip-circuit-board_23-2151977487.jpg?_wi=1"},
"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" title="Our Specialized Digital Services"
description="Comprehensive solutions tailored to scale your brand and outperform competition." description="Comprehensive solutions tailored to scale your brand and outperform competition."
/> />
</div> </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"> <div id="metrics" data-section="metrics">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="slide-up"
@@ -198,34 +103,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "150+", title: "Projects Completed", items: [
value: "150+", "Successfully delivered websites", "High-conversion platforms", "Long-term partners"],
title: "Projects Completed",
items: [
"Successfully delivered websites",
"High-conversion platforms",
"Long-term partners",
],
}, },
{ {
id: "m2", id: "m2", value: "45%", title: "Avg SEO Growth", items: [
value: "45%", "Traffic increase observed", "Keyword ranking improvements", "Domain authority boost"],
title: "Avg SEO Growth",
items: [
"Traffic increase observed",
"Keyword ranking improvements",
"Domain authority boost",
],
}, },
{ {
id: "m3", id: "m3", value: "24/7", title: "Support Availability", items: [
value: "24/7", "Dedicated expert team", "Proactive system monitoring", "Instant technical assistance"],
title: "Support Availability",
items: [
"Dedicated expert team",
"Proactive system monitoring",
"Instant technical assistance",
],
}, },
]} ]}
title="Driving Tangible Growth" title="Driving Tangible Growth"
@@ -233,97 +120,19 @@ export default function LandingPage() {
/> />
</div> </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"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How do you approach SEO?", content: "We use a technical, audit-driven strategy focused on long-term authority and conversion efficiency."},
title: "How do you approach SEO?",
content: "We use a technical, audit-driven strategy focused on long-term authority and conversion efficiency.",
},
{ {
id: "f2", id: "f2", title: "Do you offer post-launch support?", content: "Yes, we provide flexible maintenance packages to ensure your platform remains optimal and secure."},
title: "Do you offer post-launch support?",
content: "Yes, we provide flexible maintenance packages to ensure your platform remains optimal and secure.",
},
{ {
id: "f3", 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."},
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", id: "f4", title: "How long do projects take?", content: "Project timelines vary by scope, but we maintain an agile, transparent development schedule."},
title: "How long do projects take?",
content: "Project timelines vary by scope, but we maintain an agile, transparent development schedule.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Clear answers to your digital strategy questions." description="Clear answers to your digital strategy questions."
@@ -335,14 +144,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "animated-grid", variant: "animated-grid"}}
}}
text="Ready to accelerate your digital presence? Let's build your next big project together." text="Ready to accelerate your digital presence? Let's build your next big project together."
buttons={[ buttons={[
{ {
text: "Contact Us Now", text: "Contact Us Now", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -351,33 +157,21 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About", label: "About", href: "#"},
href: "#",
},
{ {
label: "Services", label: "Services", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -387,4 +181,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -13,12 +13,12 @@
--background: #f5f5f5; --background: #f5f5f5;
--card: #ffffff; --card: #ffffff;
--foreground: #1c1c1c; --foreground: #1c1c1c;
--primary-cta: #1c1c1c; --primary-cta: #e5dfcd;
--primary-cta-text: #f5f5f5; --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff; --secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #1c1c1c;
--accent: #15479c; --accent: #b8860b;
--background-accent: #a8cce8; --background-accent: #8b6914;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);