Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Agency X"
|
||||
/>
|
||||
@@ -56,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Digital Solutions That Drive Real Results"
|
||||
description="We build software and execute marketing strategies that accelerate growth for ambitious businesses. From concept to launch, we're your trusted partner."
|
||||
tag="Trusted by 500+ companies"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-basketball-hoop_23-2147821016.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-programmer-annoyed-by-computer-bugs-while-coding-it-startup-office_482257-125912.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-african-american-employee-manages-financial-planning_482257-122600.jpg",
|
||||
imageAlt: "tech agency office",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg", imageAlt: "tech agency office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/metal-basketball-hoop_23-2147821016.jpg", imageAlt: "tech agency office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg", imageAlt: "tech agency office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/upset-programmer-annoyed-by-computer-bugs-while-coding-it-startup-office_482257-125912.jpg", imageAlt: "tech agency office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg", imageAlt: "tech agency office" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/successful-african-american-employee-manages-financial-planning_482257-122600.jpg", imageAlt: "tech agency office" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,9 +73,7 @@ export default function LandingPage() {
|
||||
title="Your Partner in Digital Growth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,31 +84,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Development",
|
||||
description: "High-performance software built for your specific requirements.",
|
||||
icon: Code,
|
||||
},
|
||||
{
|
||||
title: "Strategic Marketing",
|
||||
description: "Data-driven campaigns that hit your KPIs and reach customers.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Growth Consulting",
|
||||
description: "Scalable strategies and operations to accelerate your success.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Secure, scalable cloud architecture to support your business.",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
title: "Design Systems",
|
||||
description: "Consistent UI/UX design language for your digital products.",
|
||||
icon: Layout,
|
||||
},
|
||||
{ title: "Custom Development", description: "High-performance software built for your specific requirements.", icon: Code },
|
||||
{ title: "Strategic Marketing", description: "Data-driven campaigns that hit your KPIs and reach customers.", icon: Star },
|
||||
{ title: "Growth Consulting", description: "Scalable strategies and operations to accelerate your success.", icon: TrendingUp },
|
||||
{ title: "Cloud Infrastructure", description: "Secure, scalable cloud architecture to support your business.", icon: Cloud },
|
||||
{ title: "Design Systems", description: "Consistent UI/UX design language for your digital products.", icon: Layout },
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="Everything you need to grow your digital presence."
|
||||
@@ -153,31 +102,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
description: "Average ROI Increase",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
description: "Happy Partners",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "12+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "98%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "200%", description: "Average ROI Increase" },
|
||||
{ id: "m3", value: "45+", description: "Happy Partners" },
|
||||
{ id: "m4", value: "12+", description: "Years Experience" },
|
||||
{ id: "m5", value: "98%", description: "Client Retention" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our numbers speak louder than words."
|
||||
@@ -188,16 +117,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Stripe",
|
||||
"Amazon",
|
||||
"Shopify",
|
||||
"Slack",
|
||||
"Netflix",
|
||||
"Salesforce",
|
||||
]}
|
||||
names={["Google", "Microsoft", "Stripe", "Amazon", "Shopify", "Slack", "Netflix", "Salesforce"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with forward-thinking enterprises."
|
||||
/>
|
||||
@@ -205,44 +125,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional team, professional delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Smith",
|
||||
role: "Marketing Director",
|
||||
testimonial: "They transformed our growth strategy completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-smiling-modern-business-woman-with-cup-coffee-against-backdrop-large-business-building-high-quality-photo_291650-838.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
role: "VP Operations",
|
||||
testimonial: "Reliable, strategic, and highly effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Chen",
|
||||
role: "Founder",
|
||||
testimonial: "Best development partner we've had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-focused-business-colleagues-watching-content-computer-monitor-holding-pen-mouse-business-communication-teamwork-concept_74855-11648.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Unmatched industry expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", role: "CEO", testimonial: "Exceptional team, professional delivery.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ id: "2", name: "Sarah Smith", role: "Marketing Director", testimonial: "They transformed our growth strategy completely.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-smiling-modern-business-woman-with-cup-coffee-against-backdrop-large-business-building-high-quality-photo_291650-838.jpg" },
|
||||
{ id: "3", name: "Mike Ross", role: "VP Operations", testimonial: "Reliable, strategic, and highly effective.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg" },
|
||||
{ id: "4", name: "Emily Chen", role: "Founder", testimonial: "Best development partner we've had.", imageSrc: "http://img.b2bpic.net/free-photo/couple-focused-business-colleagues-watching-content-computer-monitor-holding-pen-mouse-business-communication-teamwork-concept_74855-11648.jpg" },
|
||||
{ id: "5", name: "David Kim", role: "Product Manager", testimonial: "Unmatched industry expertise.", imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What partners say about working with our team."
|
||||
@@ -254,31 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a project take?",
|
||||
content: "Timelines vary by scope but usually range from 4-12 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your pricing model?",
|
||||
content: "We offer both fixed-price projects and monthly retainer options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide maintenance?",
|
||||
content: "Yes, we offer ongoing support and optimization packages.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you work with startups?",
|
||||
content: "Yes, we help startups build MVP and scale their products.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can you handle legacy systems?",
|
||||
content: "Absolutely, we specialize in modernizing legacy architectures.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a project take?", content: "Timelines vary by scope but usually range from 4-12 weeks." },
|
||||
{ id: "f2", title: "What is your pricing model?", content: "We offer both fixed-price projects and monthly retainer options." },
|
||||
{ id: "f3", title: "Do you provide maintenance?", content: "Yes, we offer ongoing support and optimization packages." },
|
||||
{ id: "f4", title: "Do you work with startups?", content: "Yes, we help startups build MVP and scale their products." },
|
||||
{ id: "f5", title: "Can you handle legacy systems?", content: "Absolutely, we specialize in modernizing legacy architectures." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you get started."
|
||||
@@ -292,25 +163,10 @@ export default function LandingPage() {
|
||||
title="Let's Get Started"
|
||||
description="Tell us about your project requirements below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project details...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Project details...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826249.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -320,16 +176,8 @@ export default function LandingPage() {
|
||||
logoText="Agency X"
|
||||
copyrightText="© 2025 Agency X. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user