Merge version_2 into main #2
@@ -20,17 +20,17 @@ const nunito = Nunito({
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Professional Marketing Agency | Results-Driven Growth Solutions", description: "Transform your brand with our strategic marketing agency. We deliver proven results with data-driven strategies and creative excellence. Contact us today.", keywords: "marketing agency, digital marketing, brand strategy, growth marketing, conversion optimization, B2B marketing", metadataBase: new URL("https://agency.example.com"),
|
||||
title: "Web Development, Branding & Custom Software Solutions", description: "Professional web development, branding, custom software, and automation services. Transform your business with expert solutions.", keywords: "web development, branding, custom software, automations, digital solutions, software development, agency", metadataBase: new URL("https://webild.com"),
|
||||
alternates: {
|
||||
canonical: "https://agency.example.com"},
|
||||
canonical: "https://webild.com"},
|
||||
openGraph: {
|
||||
title: "Professional Marketing Agency | Results-Driven Growth Solutions", description: "Transform your brand with strategic marketing solutions that convert prospects into loyal clients. Expert agency services for businesses ready to scale.", url: "https://agency.example.com", siteName: "Agency", type: "website", images: [
|
||||
title: "Web Development, Branding & Custom Software Solutions", description: "Professional web development, branding, custom software, and automation services. Transform your business with expert solutions.", url: "https://webild.com", siteName: "Webild", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg", alt: "Modern agency workspace with professional team"},
|
||||
url: "http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg", alt: "Professional web development and software services"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Professional Marketing Agency | Results-Driven Growth Solutions", description: "Transform your brand with strategic marketing solutions that convert prospects into loyal clients.", images: ["http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"],
|
||||
card: "summary_large_image", title: "Web Development, Branding & Custom Software Solutions", description: "Professional web development, branding, custom software, and automation services.", images: ["http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
|
||||
112
src/app/page.tsx
112
src/app/page.tsx
@@ -29,44 +29,44 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Agency"
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Work", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Conversion Focused"
|
||||
bottomRightText="hello@agency.com"
|
||||
bottomLeftText="Web Development & Software Solutions"
|
||||
bottomRightText="hello@webild.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Transform Your Brand Into Results"
|
||||
description="We create strategic marketing solutions that convert prospects into loyal clients. Expert agency services for businesses ready to scale."
|
||||
tag="Agency Services"
|
||||
title="Build Exceptional Digital Experiences"
|
||||
description="We create stunning websites, powerful custom software, strategic branding, and intelligent automations that drive real business results. Transforming your vision into scalable solutions."
|
||||
tag="Digital Solutions"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"
|
||||
imageAlt="Modern agency workspace with professional team"
|
||||
imageAlt="Professional web development and software solutions"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "This agency completely transformed our marketing strategy. Our conversion rates increased by 145% in just 6 months.", rating: 5,
|
||||
name: "Alex Thompson", handle: "CEO, TechVenture", testimonial: "Webild transformed our entire digital presence. Their custom software solution increased our efficiency by 200% and the website design is absolutely stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "Michael Chen", handle: "Founder, InnovateLab", testimonial: "Professional, strategic, and results-driven. They understood our vision and executed flawlessly.", rating: 5,
|
||||
name: "Maria Rodriguez", handle: "Founder, BrandForce", testimonial: "Outstanding branding and web development work. They understood our market perfectly and delivered a solution that exceeded all expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{ text: "Get Started Today", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#testimonial" }
|
||||
{ text: "Start Your Project", href: "#contact" },
|
||||
{ text: "Explore Our Work", href: "#testimonial" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -74,17 +74,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="About Our Agency"
|
||||
tag="About Webild"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
title="We Drive Measurable Results for Your Business"
|
||||
description="With over a decade of experience, our agency specializes in creating comprehensive marketing strategies that directly impact your bottom line. We combine creative excellence with data-driven insights to deliver campaigns that convert."
|
||||
title="Expert Digital Solutions for Modern Businesses"
|
||||
description="Webild combines creativity, technical excellence, and strategic thinking to deliver web development, custom software, branding, and automation solutions. We transform complex challenges into elegant, scalable solutions that grow with your business."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Successful Projects" },
|
||||
{ value: "85%", title: "Average Client Growth" }
|
||||
{ value: "150+", title: "Projects Delivered" },
|
||||
{ value: "92%", title: "Client Satisfaction Rate" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-with-report-working-laptop_329181-17084.jpg"
|
||||
imageAlt="Agency team working on business strategy"
|
||||
imageAlt="Expert digital solutions and software development team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -94,29 +94,33 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
title="Our Core Services"
|
||||
description="Comprehensive solutions designed to drive growth and maximize ROI across all marketing channels"
|
||||
tag="Services"
|
||||
description="Comprehensive solutions tailored to elevate your digital presence and business operations"
|
||||
tag="What We Do"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Strategic Marketing Planning", tags: ["Strategy", "Growth"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-market-strategy-planning-business-concept_53876-21181.jpg", imageAlt: "digital strategy marketing planning business growth"
|
||||
id: "1", title: "Web Development", tags: ["Frontend", "Backend", "Full-Stack"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-market-strategy-planning-business-concept_53876-21181.jpg", imageAlt: "Professional web development and custom website solutions"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Data Analytics & Optimization", tags: ["Analytics", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg", imageAlt: "data analytics business analytics performance metrics"
|
||||
id: "2", title: "Custom Software Development", tags: ["Enterprise", "Scalable", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg", imageAlt: "Custom software engineering and development services"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Creative Design & Branding", tags: ["Design", "Brand"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-business-meeting-with-caucasian-asian-co-worker-discuss-with-paper-laptop-happiness-joyful-cafe-background_609648-2475.jpg", imageAlt: "creative design process team collaboration design studio"
|
||||
id: "3", title: "Branding & Design", tags: ["Strategy", "Identity", "Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-business-meeting-with-caucasian-asian-co-worker-discuss-with-paper-laptop-happiness-joyful-cafe-background_609648-2475.jpg", imageAlt: "Strategic branding design and brand identity creation"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Automations & Integration", tags: ["Workflow", "Efficiency", "Integration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg", imageAlt: "Business automation and workflow integration solutions"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore All Services", href: "#contact" }
|
||||
{ text: "Discover Our Services", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,9 +128,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Impact By The Numbers"
|
||||
description="Track record of delivering exceptional results for our clients across industries"
|
||||
tag="Results"
|
||||
title="Proven Results & Impact"
|
||||
description="Our track record speaks to our commitment to excellence and client success"
|
||||
tag="Achievements"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -134,19 +138,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "300%+", description: "Average ROI Increase" },
|
||||
{ id: "2", value: "2.5K+", description: "Clients Served" },
|
||||
{ id: "3", value: "98%", description: "Client Satisfaction Rate" },
|
||||
{ id: "4", value: "15+", description: "Industry Awards Won" }
|
||||
{ id: "1", value: "150+", description: "Successful Projects" },
|
||||
{ id: "2", value: "80+", description: "Happy Clients" },
|
||||
{ id: "3", value: "92%", description: "Client Retention" },
|
||||
{ id: "4", value: "5.0", description: "Average Rating" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="This agency transformed our entire marketing approach. Their strategic insights and creative execution resulted in a 240% increase in qualified leads within the first quarter. Absolutely exceptional team to work with."
|
||||
testimonial="Working with Webild was a game-changer for our business. Their web development team created a platform that's not just beautiful but incredibly functional. Combined with their custom software solution and automation setup, we've increased productivity by 250%. Truly exceptional."
|
||||
rating={5}
|
||||
author="Emily Rodriguez, Marketing Director at GrowthCo"
|
||||
author="James Martinez, Director of Operations at InnovateCorp"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client testimonial avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client testimonial avatar 2" },
|
||||
@@ -163,12 +167,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with leading companies across all sectors to drive their growth"
|
||||
tag="Trusted Partners"
|
||||
title="Trusted by Leading Companies"
|
||||
description="Partnering with innovative businesses that demand excellence in web development, software, and branding"
|
||||
tag="Our Clients"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "EnterprisePro", "CloudSync", "DataFlow", "FutureVision"]}
|
||||
names={["TechVenture", "BrandForce", "InnovateCorp", "StartupHub", "Enterprise Solutions", "CloudTech", "DataSync", "FutureScale"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -179,28 +183,28 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about our agency services and processes"
|
||||
description="Everything you need to know about our web development, software, branding, and automation services"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes your agency different?", content: "We combine strategic thinking with creative excellence and data-driven insights. Our approach is deeply focused on your business goals and measurable results. We don't do one-size-fits-all solutions—every strategy is customized to your unique needs and industry."
|
||||
id: "1", title: "What services do you offer?", content: "We specialize in four core areas: Web Development (responsive, scalable websites), Custom Software Development (enterprise solutions built to your specifications), Branding & Design (complete brand identity creation), and Automations & Integration (workflow optimization and system integration). Each service can stand alone or be combined for comprehensive digital transformation."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does it take to see results?", content: "Most clients see preliminary results within 30-60 days, with significant improvements typically visible within 3-6 months. The timeline depends on your specific goals, industry, and current marketing position. We provide transparent reporting throughout the entire process."
|
||||
id: "2", title: "How long does a typical project take?", content: "Project timelines vary based on scope and complexity. A website typically takes 8-12 weeks, custom software 3-6 months, branding 4-8 weeks, and automations 2-4 weeks. We provide detailed timelines during the discovery phase and maintain transparent communication throughout development."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What industries do you specialize in?", content: "We work across diverse industries including SaaS, e-commerce, healthcare, finance, B2B services, and technology. Our team has deep expertise in over 20 different sectors, allowing us to bring best practices and industry insights to every engagement."
|
||||
id: "3", title: "Do you work with startups and enterprises?", content: "Absolutely. We work with startups, SMBs, and large enterprises. Our solutions are scalable and flexible, adapting to your current needs while being designed to grow with your business. We adjust our approach based on your stage and resources."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can you work with established companies?", content: "Absolutely. We work with companies of all sizes, from startups to Fortune 500 enterprises. Our services are scalable and adaptable to your budget and growth stage. Whether you need a complete marketing overhaul or targeted optimization, we have solutions for you."
|
||||
id: "4", title: "What is your development process?", content: "Our process includes discovery and strategy, design and planning, development and iteration, testing and optimization, deployment, and ongoing support. We use agile methodologies with regular check-ins and transparent reporting. Your input and feedback are integral throughout."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How do you measure success?", content: "We establish clear KPIs and metrics aligned with your business objectives before we start. Monthly reporting includes detailed analytics on campaign performance, ROI, conversion rates, and progress toward your goals. Full transparency and accountability are core to our process."
|
||||
id: "5", title: "Do you provide ongoing support?", content: "Yes. After launch, we offer ongoing maintenance, support, and optimization services. We provide various support packages tailored to your needs, including bug fixes, updates, performance monitoring, and feature enhancements."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What's your typical engagement model?", content: "We offer flexible engagement models including project-based services, monthly retainers, and performance-based arrangements. Most clients start with a 3-6 month engagement to establish baseline results, then adjust based on performance and needs."
|
||||
id: "6", title: "What technologies do you use?", content: "We work with modern, proven technologies including React, Next.js, Node.js, Python, TypeScript, cloud platforms (AWS, Google Cloud), databases (PostgreSQL, MongoDB), and various automation tools. We select the right tech stack for each project to ensure optimal performance and maintainability."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -213,27 +217,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Get in touch with our team today. We'll discuss your goals, challenges, and how we can help you achieve rapid, sustainable growth through strategic marketing."
|
||||
title="Ready to Transform Your Digital Presence?"
|
||||
description="Let's discuss your project, goals, and how Webild can help you build something exceptional. Whether it's web development, custom software, branding, or automations, we're here to help."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
||||
{ name: "service", type: "text", placeholder: "What service interests you?", required: false }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project and goals...", rows: 5, required: true }}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project, goals, and vision...", rows: 5, required: true }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
|
||||
imageAlt="Professional team collaboration"
|
||||
imageAlt="Professional team collaboration and strategy"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Schedule Your Consultation"
|
||||
buttonText="Schedule a Consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Agency"
|
||||
logoText="Webild"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user