Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e5055f65cc |
125
src/app/page.tsx
125
src/app/page.tsx
@@ -12,9 +12,9 @@ import FaqBase from "@/components/sections/faq/FaqBase";
|
|||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||||
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
|
import { Sparkles, Search, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
|
||||||
|
|
||||||
export default function WebAgency2Page() {
|
export default function WebAgencyPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
@@ -33,7 +33,7 @@ export default function WebAgency2Page() {
|
|||||||
brandName="Webild"
|
brandName="Webild"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "Capabilities", id: "capabilities" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
button={{ text: "Get Started", href: "#contact" }}
|
button={{ text: "Get Started", href: "#contact" }}
|
||||||
@@ -41,13 +41,13 @@ export default function WebAgency2Page() {
|
|||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
title="We Architect Digital Excellence"
|
title="We Architect Digital Excellence"
|
||||||
description="Precision-engineered web solutions designed to amplify your brand authority and accelerate growth through modern, high-performance interfaces."
|
description="Precision-engineered web solutions designed to amplify your brand authority and accelerate growth through modern, high-performance interfaces."
|
||||||
tag="Strategic Digital Partner"
|
tag="Professional Web Agency"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "canvas-reveal" }}
|
background={{ variant: "canvas-reveal" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Start Project", href: "#contact" },
|
{ text: "Start Project", href: "#contact" },
|
||||||
{ text: "Our Expertise", href: "#services" },
|
{ text: "Our Services", href: "#services" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
carouselPosition="right"
|
carouselPosition="right"
|
||||||
@@ -67,8 +67,8 @@ export default function WebAgency2Page() {
|
|||||||
carouselItemClassName="!aspect-[4/5]"
|
carouselItemClassName="!aspect-[4/5]"
|
||||||
/>
|
/>
|
||||||
<FeatureBento
|
<FeatureBento
|
||||||
title="Core Capabilities"
|
title="Agency Core Capabilities"
|
||||||
description="Comprehensive services tailored to drive digital transformation and sustainable ROI."
|
description="We specialize in full-service digital transformation, delivering scalable, high-conversion web solutions."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -76,18 +76,18 @@ export default function WebAgency2Page() {
|
|||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Search Dominance", description: "Technical SEO and content strategies that ensure your brand commands industry authority.", bentoComponent: "marquee", centerIcon: Search,
|
title: "Strategic Search Optimization", description: "Technical SEO and content strategies that ensure your brand commands industry authority.", bentoComponent: "marquee", centerIcon: Search,
|
||||||
variant: "text", texts: ["Authority", "Conversion", "Optimization", "Retention", "Growth", "Analytics", "Visibility", "Performance"],
|
variant: "text", texts: ["Authority", "Conversion", "Optimization", "Retention", "Growth", "Analytics", "Visibility", "Performance"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Engineering", description: "Robust, scalable web applications built for speed, reliability, and security.", bentoComponent: "media-stack", items: [
|
title: "High-Performance Engineering", description: "Robust, scalable web applications built for speed, reliability, and security.", bentoComponent: "media-stack", items: [
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/floating-letter-w-background-concept_23-2148185094.jpg", imageAlt: "High-performance code base" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/floating-letter-w-background-concept_23-2148185094.jpg", imageAlt: "High-performance code base" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentine-concept_23-2148370022.jpg", imageAlt: "Scalable cloud architecture" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentine-concept_23-2148370022.jpg", imageAlt: "Scalable cloud architecture" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/letter-b-made-green-grass-with-flowers-isolated-white_169016-57328.jpg", imageAlt: "Responsive UI implementation" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/letter-b-made-green-grass-with-flowers-isolated-white_169016-57328.jpg", imageAlt: "Responsive UI implementation" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Design DNA", description: "Visual systems that translate your business values into compelling user experiences.", bentoComponent: "media-stack", items: [
|
title: "Brand-Centric Design", description: "Visual systems that translate your business values into compelling user experiences.", bentoComponent: "media-stack", items: [
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/letter-p-made-green-grass-with-flowers-isolated-white_169016-57084.jpg", imageAlt: "Brand system design" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/letter-p-made-green-grass-with-flowers-isolated-white_169016-57084.jpg", imageAlt: "Brand system design" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-r-letter-with-plants_23-2150458493.jpg", imageAlt: "User experience research" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-r-letter-with-plants_23-2150458493.jpg", imageAlt: "User experience research" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-e_53876-63711.jpg", imageAlt: "Visual prototyping" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-e_53876-63711.jpg", imageAlt: "Visual prototyping" },
|
||||||
@@ -95,107 +95,23 @@ export default function WebAgency2Page() {
|
|||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FeatureBento
|
|
||||||
title="Operational Standards"
|
|
||||||
description="We maintain the highest level of rigor in every deliverable."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Universal Access", description: "Flawless performance across every device, desktop, and OS interaction.", bentoComponent: "phone", statusIcon: Lock,
|
|
||||||
alertIcon: Monitor,
|
|
||||||
alertTitle: "Compatibility Verified", alertMessage: "Cross-platform consistency", apps: [
|
|
||||||
{ name: "Phone", icon: Phone },
|
|
||||||
{ name: "SMS", icon: MessageCircle },
|
|
||||||
{ name: "Books", icon: BookOpen },
|
|
||||||
{ name: "TV", icon: Tv },
|
|
||||||
{ name: "Camera", icon: Camera },
|
|
||||||
{ name: "Music", icon: Music },
|
|
||||||
{ name: "Settings", icon: Settings },
|
|
||||||
{ name: "Chat", icon: MessageCircle },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Secure Infrastructure", description: "Enterprise-grade protection with 99.99% uptime guarantees.", bentoComponent: "reveal-icon", icon: Shield,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Agile Velocity", description: "Rapid development lifecycles that shorten time-to-market without compromising excellence.", bentoComponent: "timeline", heading: "Project Lifecycle", subheading: "Sprint Phases", items: [
|
|
||||||
{ label: "Strategic Planning", detail: "Phase 01" },
|
|
||||||
{ label: "Iterative Building", detail: "Phase 02" },
|
|
||||||
{ label: "Deployment & Scale", detail: "Phase 03" },
|
|
||||||
],
|
|
||||||
completedLabel: "Active"},
|
|
||||||
{
|
|
||||||
title: "Seamless Integration", description: "Unified ecosystem connectivity with your existing enterprise technology stack.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
|
|
||||||
items: [
|
|
||||||
{ icon: Shield },
|
|
||||||
{ icon: Monitor },
|
|
||||||
{ icon: Zap },
|
|
||||||
{ icon: TrendingUp },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Performance Analytics", description: "Data-driven insights guiding every UX improvement decision.", bentoComponent: "line-chart"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TestimonialCardFifteen
|
|
||||||
testimonial="The architectural depth and design finesse provided by Webild allowed us to scale our platform by 300% within the first quarter. Truly industry leaders."
|
|
||||||
rating={5}
|
|
||||||
author="— Jonathan Hayes, CTO at Global Logistics"
|
|
||||||
avatars={[
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/letter-l-blue-color_1232-686.jpg", alt: "Client" },
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
title="Proven Results"
|
title="Agency Performance Benchmarks"
|
||||||
description="Quantifiable impact delivered for industry-leading organizations."
|
description="Quantifiable impact delivered for industry-leading organizations through our focused methodology."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ id: "p1", value: "150+", title: "Deployments", description: "High-scale enterprise production releases", icon: Award },
|
{ id: "p1", value: "150+", title: "Successful Deployments", description: "High-scale enterprise production releases", icon: Award },
|
||||||
{ id: "p2", value: "100%", title: "Retention", description: "Strategic long-term partnership success rate", icon: Users },
|
{ id: "p2", value: "100%", title: "Client Success", description: "Strategic long-term partnership success rate", icon: Users },
|
||||||
{ id: "p3", value: "10+", title: "Years", description: "Dedicated focus on digital transformation", icon: TrendingUp },
|
{ id: "p3", value: "10+", title: "Years Experience", description: "Dedicated focus on digital transformation", icon: TrendingUp },
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<FeatureCardSixteen
|
|
||||||
title="The Webild Advantage"
|
|
||||||
description="We move beyond generic solutions to deliver bespoke architecture."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
negativeCard={{
|
|
||||||
items: [
|
|
||||||
"Monolithic legacy structures", "High technical debt accumulation", "Lack of SEO-first engineering", "Visual systems without strategy", "Fragmented maintenance cycles"],
|
|
||||||
}}
|
|
||||||
positiveCard={{
|
|
||||||
items: [
|
|
||||||
"Modular, scalable architecture", "Clean, maintainable documentation", "Search-centric engine optimization", "Strategy-driven visual language", "Continuous integration & support"],
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<FaqBase
|
|
||||||
title="Technical Inquiry"
|
|
||||||
description="Common operational questions regarding our partnership process."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
faqs={[
|
|
||||||
{ id: "q1", title: "How do we begin the engagement?", content: "We start with a discovery workshop to map your business objectives, technical requirements, and strategic goals." },
|
|
||||||
{ id: "q2", title: "What is your operational model?", content: "We operate using agile methodologies, providing bi-weekly updates and transparent communication throughout the project lifecycle." },
|
|
||||||
{ id: "q3", title: "Do you provide support post-launch?", content: "Yes, we provide tiered maintenance plans covering security, performance optimization, and continuous feature development." },
|
|
||||||
{ id: "q4", title: "Can you integrate with existing stacks?", content: "Absolutely. Our engineers are proficient in bridging legacy infrastructure with modern microservices architecture." },
|
|
||||||
{ id: "q5", title: "What is your tech stack?", content: "We leverage high-performance frameworks like Next.js, React, and TypeScrip for robust, enterprise-grade scalability." },
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Ready to Build?"
|
tag="Build With Us"
|
||||||
title="Let’s Define the Future of Your Digital Infrastructure"
|
title="Define Your Digital Future"
|
||||||
description="Our consulting team is ready to discuss your requirements. Start a conversation today."
|
description="Our consulting team is ready to discuss your requirements. Start a conversation with our agency today."
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Schedule Consultation", href: "#contact" },
|
{ text: "Schedule Consultation", href: "#contact" },
|
||||||
@@ -208,9 +124,8 @@ export default function WebAgency2Page() {
|
|||||||
copyrightText="© 2026 | Webild Strategic Systems"
|
copyrightText="© 2026 | Webild Strategic Systems"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Agency", items: [
|
||||||
{ label: "About", href: "#about" },
|
{ label: "Capabilities", href: "#capabilities" },
|
||||||
{ label: "Services", href: "#services" },
|
|
||||||
{ label: "Contact", href: "#contact" },
|
{ label: "Contact", href: "#contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user