Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AgencyX"
|
||||
button={{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Project", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,13 +46,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Digital Design That Drives Results"
|
||||
description="We create beautiful, conversion-focused websites for ambitious brands. From concept to launch, we partner with you to build digital experiences that engage customers and grow revenue."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#work",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-high-end-artistic-digital-design-conce-1777399783974-300fc443.png?_wi=1"
|
||||
buttons={[{ text: "View Our Work", href: "#work" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-high-end-artistic-digital-design-conce-1777399783974-300fc443.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,7 +59,7 @@ export default function LandingPage() {
|
||||
description="Our team combines design excellence with strategic engineering. We help brands thrive in the digital ecosystem through purpose-driven web experiences."
|
||||
subdescription="We believe great design is not just aesthetic—it is a measurable tool for business growth."
|
||||
icon={Award}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-interior-design-studio-professional-s-1777399792668-9a9e5ac3.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-interior-design-studio-professional-s-1777399792668-9a9e5ac3.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,50 +71,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Beautiful, high-conversion visual interfaces that captivate users.",
|
||||
icon: Layout,
|
||||
title: "Web Design", description: "Beautiful, high-conversion visual interfaces that captivate users.", icon: Layout,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-sleek-modern-responsive-dashboard-desi-1777399801509-3a097e1d.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-e-commerce-website-design-project-min-1777399811989-b0fc54b3.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-high-end-artistic-digital-design-conce-1777399783974-300fc443.png?_wi=2",
|
||||
imageAlt: "A sleek modern responsive dashboard design showcase on a 27-inch monitor, high contrast UI, professi",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-sleek-modern-responsive-dashboard-desi-1777399801509-3a097e1d.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-e-commerce-website-design-project-min-1777399811989-b0fc54b3.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Performant, scalable, and secure code built to handle your growth.",
|
||||
icon: Code,
|
||||
title: "Web Development", description: "Performant, scalable, and secure code built to handle your growth.", icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/mobile-app-interface-conceptual-design-h-1777399820553-843d9bae.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/landing-page-conceptual-design-for-techn-1777399831181-e8fbeb78.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-interior-design-studio-professional-s-1777399792668-9a9e5ac3.png?_wi=2",
|
||||
imageAlt: "A sleek modern responsive dashboard design showcase on a 27-inch monitor, high contrast UI, professi",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/mobile-app-interface-conceptual-design-h-1777399820553-843d9bae.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/landing-page-conceptual-design-for-techn-1777399831181-e8fbeb78.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your identity and voice to ensure resonance with your target audience.",
|
||||
icon: Palette,
|
||||
title: "Brand Strategy", description: "Defining your identity and voice to ensure resonance with your target audience.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/bento-grid-style-brand-identity-showcase-1777399839192-2e933090.png",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/minimalist-corporate-website-design-high-1777399846722-9314165a.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-confident-marketing-direct-1777399856500-8b44a4f5.png?_wi=1",
|
||||
imageAlt: "A sleek modern responsive dashboard design showcase on a 27-inch monitor, high contrast UI, professi",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/bento-grid-style-brand-identity-showcase-1777399839192-2e933090.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/minimalist-corporate-website-design-high-1777399846722-9314165a.png" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer comprehensive digital solutions designed to help your brand stand out and convert."
|
||||
@@ -144,42 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "TechPlatform Dashboard",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-sleek-modern-responsive-dashboard-desi-1777399910157-5ca43df9.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Boutique E-commerce",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-e-commerce-website-design-project-min-1777399918538-9dbedf0f.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mobile Utility App",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/mobile-app-interface-conceptual-design-h-1777399928018-2e3e44ad.png",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Startup Landing Page",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/landing-page-conceptual-design-for-techn-1777399938277-cdfd19c9.png",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brand Identity Set",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/bento-grid-style-brand-identity-showcase-1777399947472-16822fa8.png",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Corporate Site",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/minimalist-corporate-website-design-high-1777399955399-5b1a9caa.png",
|
||||
},
|
||||
{ id: "p1", name: "TechPlatform Dashboard", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/a-sleek-modern-responsive-dashboard-desi-1777399910157-5ca43df9.png" },
|
||||
{ id: "p2", name: "Boutique E-commerce", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/an-e-commerce-website-design-project-min-1777399918538-9dbedf0f.png" },
|
||||
{ id: "p3", name: "Mobile Utility App", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/mobile-app-interface-conceptual-design-h-1777399928018-2e3e44ad.png" },
|
||||
{ id: "p4", name: "Startup Landing Page", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/landing-page-conceptual-design-for-techn-1777399938277-cdfd19c9.png" },
|
||||
{ id: "p5", name: "Brand Identity Set", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/bento-grid-style-brand-identity-showcase-1777399947472-16822fa8.png" },
|
||||
{ id: "p6", name: "Corporate Site", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/minimalist-corporate-website-design-high-1777399955399-5b1a9caa.png" }
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A curated collection of our recent work across diverse industries."
|
||||
@@ -193,21 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects successfully launched",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Average conversion rate lift",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client satisfaction score",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects successfully launched" },
|
||||
{ id: "m2", value: "45%", description: "Average conversion rate lift" },
|
||||
{ id: "m3", value: "98%", description: "Client satisfaction score" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable results delivered for our partners."
|
||||
@@ -218,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-confident-marketing-direct-1777399856500-8b44a4f5.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-young-tech-entrepreneur-pr-1777399865729-540d8616.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-creative-studio-founder-th-1777399873660-9e03c8d5.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-startup-product-manager-bu-1777399882480-6be7ea01.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark S.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-business-director-mature-a-1777399891920-65260618.png",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-confident-marketing-direct-1777399856500-8b44a4f5.png" },
|
||||
{ id: "t2", name: "Michael C.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-young-tech-entrepreneur-pr-1777399865729-540d8616.png" },
|
||||
{ id: "t3", name: "Elena R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-creative-studio-founder-th-1777399873660-9e03c8d5.png" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-startup-product-manager-bu-1777399882480-6be7ea01.png" },
|
||||
{ id: "t5", name: "Mark S.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/portrait-of-a-business-director-mature-a-1777399891920-65260618.png" }
|
||||
]}
|
||||
cardTitle="Trusted by Industry Leaders"
|
||||
cardTag="Testimonials"
|
||||
@@ -255,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your typical timeline?",
|
||||
content: "Our projects typically span 6-12 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you handle maintenance?",
|
||||
content: "We offer ongoing support and maintenance packages tailored to your needs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely, we specialize in helping startups launch rapidly.",
|
||||
},
|
||||
{ id: "q1", title: "What is your typical timeline?", content: "Our projects typically span 6-12 weeks depending on scope." },
|
||||
{ id: "q2", title: "How do you handle maintenance?", content: "We offer ongoing support and maintenance packages tailored to your needs." },
|
||||
{ id: "q3", title: "Do you work with startups?", content: "Absolutely, we specialize in helping startups launch rapidly." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the questions we receive most often."
|
||||
@@ -283,25 +169,10 @@ export default function LandingPage() {
|
||||
title="Let’s Work Together"
|
||||
description="Ready to transform your digital presence? Send us a message and we'll get started."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Project Details",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Project Details", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzVMxf5bl6RdYqsKRIp4ajJpRG/minimalist-artistic-scene-showing-a-prof-1777399901883-8850250b.png"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
@@ -310,14 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AgencyX"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 AgencyX",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 AgencyX", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user