Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,91 +31,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Process",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Process", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Results", id: "#results" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="DesignFirst"
|
||||
button={{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Start Project", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Design-First Development, Powered by AI"
|
||||
description="We combine human creativity with intelligent automation to deliver stunning digital products faster. Your vision, refined and built in weeks, not months."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Process",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "See Our Process", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797625.jpg"
|
||||
imageAlt="AI-powered design agency workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ growth-stage founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Enhanced Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Prototyping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design-First Workflow",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Predictive Scaling",
|
||||
},
|
||||
{ type: "text", text: "AI-Enhanced Development" },
|
||||
{ type: "text", text: "Rapid Prototyping" },
|
||||
{ type: "text", text: "Design-First Workflow" },
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "Predictive Scaling" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,23 +72,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechFlow",
|
||||
"InnovateX",
|
||||
"GrowthScale",
|
||||
"CloudPulse",
|
||||
"DataSphere",
|
||||
"NexGen",
|
||||
"VisionaryAI",
|
||||
]}
|
||||
names={["TechFlow", "InnovateX", "GrowthScale", "CloudPulse", "DataSphere", "NexGen", "VisionaryAI"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x4tso",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wq19ic",
|
||||
"http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149380647.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-texture-technology-badges_23-2149076455.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8u02v4",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8a6bw",
|
||||
"http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x4tso", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wq19ic", "http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149380647.jpg", "http://img.b2bpic.net/free-vector/gradient-texture-technology-badges_23-2149076455.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8u02v4", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8a6bw"
|
||||
]}
|
||||
title="Trusted by Growth-Stage Leaders"
|
||||
description="Partnering with innovative companies to build scalable digital futures."
|
||||
@@ -166,36 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "UI/UX",
|
||||
title: "Rapid Prototyping",
|
||||
items: [
|
||||
"AI-driven component generation",
|
||||
"User-centric design systems",
|
||||
"High-fidelity mockups",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Dev",
|
||||
title: "Agile Build Cycles",
|
||||
items: [
|
||||
"Automated frontend scaffolding",
|
||||
"Continuous integration pipelines",
|
||||
"Scalable backend architecture",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Ops",
|
||||
title: "Predictive Scaling",
|
||||
items: [
|
||||
"Performance monitoring",
|
||||
"Automated QA testing",
|
||||
"Cloud-native infrastructure",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "UI/UX", title: "Rapid Prototyping", items: ["AI-driven component generation", "User-centric design systems", "High-fidelity mockups"] },
|
||||
{ id: "f2", label: "Dev", title: "Agile Build Cycles", items: ["Automated frontend scaffolding", "Continuous integration pipelines", "Scalable backend architecture"] },
|
||||
{ id: "f3", label: "Ops", title: "Predictive Scaling", items: ["Performance monitoring", "Automated QA testing", "Cloud-native infrastructure"] }
|
||||
]}
|
||||
title="Supercharged Development Capabilities"
|
||||
description="Built for speed without compromising quality, our AI-enhanced services provide the best of both worlds."
|
||||
@@ -206,28 +113,11 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Time to Market",
|
||||
subtitle: "Average launch acceleration",
|
||||
category: "Efficiency",
|
||||
value: "3x",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Design Quality",
|
||||
subtitle: "Average stakeholder approval",
|
||||
category: "Creativity",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Development Costs",
|
||||
subtitle: "Savings vs traditional agencies",
|
||||
category: "ROI",
|
||||
value: "40%",
|
||||
},
|
||||
{ id: "m1", title: "Time to Market", subtitle: "Average launch acceleration", category: "Efficiency", value: "3x" },
|
||||
{ id: "m2", title: "Design Quality", subtitle: "Average stakeholder approval", category: "Creativity", value: "98%" },
|
||||
{ id: "m3", title: "Development Costs", subtitle: "Savings vs traditional agencies", category: "ROI", value: "40%" }
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="Our AI-powered workflow delivers tangible advantages to our clients."
|
||||
@@ -237,43 +127,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The speed at which they delivered our MVP was incredible. The design quality is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "AI-powered workflows have changed how we think about product development. Truly innovative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "They balanced our aesthetic needs with technical scalability perfectly. Amazing team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Transparent processes and fast delivery. Exactly what our startup needed to hit our milestones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Highly recommended for any mid-market company looking for a modern digital solution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The speed at which they delivered our MVP was incredible. The design quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "AI-powered workflows have changed how we think about product development. Truly innovative.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erodriguez", testimonial: "They balanced our aesthetic needs with technical scalability perfectly. Amazing team.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Transparent processes and fast delivery. Exactly what our startup needed to hit our milestones.", imageSrc: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Highly recommended for any mid-market company looking for a modern digital solution.", imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg" }
|
||||
]}
|
||||
title="Loved by Founders & Directors"
|
||||
description="Hear what our partners have to say about the DesignFirst approach."
|
||||
@@ -284,26 +145,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does AI impact the design process?",
|
||||
content: "AI helps us automate repetitive tasks, like layout generation and asset optimization, freeing our designers to focus on high-level strategy and creative vision.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Our AI-powered workflow allows us to deliver high-quality MVPs and digital products in 4-8 weeks, depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work with mid-market companies?",
|
||||
content: "Yes, we specialize in partnering with growth-stage companies that need rapid, high-quality digital solutions to scale.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is the design quality sacrificed for speed?",
|
||||
content: "Absolutely not. In fact, our AI tools improve quality by reducing human error and allowing for more rapid design iterations.",
|
||||
},
|
||||
{ id: "q1", title: "How does AI impact the design process?", content: "AI helps us automate repetitive tasks, like layout generation and asset optimization, freeing our designers to focus on high-level strategy and creative vision." },
|
||||
{ id: "q2", title: "What is the typical project timeline?", content: "Our AI-powered workflow allows us to deliver high-quality MVPs and digital products in 4-8 weeks, depending on complexity." },
|
||||
{ id: "q3", title: "Do you work with mid-market companies?", content: "Yes, we specialize in partnering with growth-stage companies that need rapid, high-quality digital solutions to scale." },
|
||||
{ id: "q4", title: "Is the design quality sacrificed for speed?", content: "Absolutely not. In fact, our AI tools improve quality by reducing human error and allowing for more rapid design iterations." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our AI-enhanced design process."
|
||||
@@ -315,40 +160,8 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-3d-black-paper-style-background_24972-2019.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#results",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Results", href: "#results" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="DesignFirst"
|
||||
copyrightText="© 2025 DesignFirst Agency. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user