Merge version_2 into main #1
150
src/app/page.tsx
150
src/app/page.tsx
@@ -6,14 +6,14 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
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, ArrowUpRight, Zap, TrendingUp, Award, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
return (
|
||||
@@ -33,9 +33,9 @@ export default function WebAgency2Page() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Plans", id: "plans" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Free Quote", href: "#contact" }}
|
||||
@@ -66,74 +66,59 @@ export default function WebAgency2Page() {
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Our Scheduled Services"
|
||||
description="Transparent planning, iterative growth, and clear milestones for every client."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Book a Session", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Strategy Planning", description: "Scheduled deep-dives into your business goals to map your digital roadmap.", bentoComponent: "marquee", centerIcon: Search,
|
||||
variant: "text", texts: ["Discovery", "Auditing", "Roadmapping", "Targeting", "Growth Plan", "Competitor Analysis"],
|
||||
},
|
||||
{
|
||||
title: "Implementation", description: "Agile development cycles ensuring consistent progress from day one.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-new-strategy-plans-whiteboard-her-colleagues-covid19-pandemic_637285-10663.jpg", imageAlt: "Development workflow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg", imageAlt: "Code quality assurance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-system-engineer-analyzing-big-data-computer-checking-cloud-computing-network-digital-servers-young-it-technician-inspecting-modern-data-center-digitalization-handheld-shot_482257-59941.jpg", imageAlt: "System deployment" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Maintenance", description: "Ongoing support to ensure peak performance and security after launch.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Monitoring systems" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Security patching" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg", imageAlt: "Optimization updates" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Before & After Results"
|
||||
description="See how our structured approach creates tangible business improvements."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "See Full Portfolio", href: "#work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "Fashion Retailer", description: "Conversion increase by 45% post-redesign", imageSrc: "http://img.b2bpic.net/free-photo/sales-promotion-fashion-shopping-discount_53876-123615.jpg", imageAlt: "Fashion e-commerce comparison", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Legal Firm", description: "Traffic growth through SEO restructuring", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152218.jpg", imageAlt: "Legal service branding shift", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Tech Startup", description: "User retention improved by 30%", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg", imageAlt: "SaaS UX overhaul", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Hospitality Group", description: "Mobile booking speed improved by 60%", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-their-phones-even-their-bathroom_23-2149017790.jpg", imageAlt: "Hospitality mobile results", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
/>
|
||||
<div id="plans">
|
||||
<PricingCardOne
|
||||
title="Transparent Service Plans"
|
||||
description="Clear, milestone-driven packages to scale your digital presence."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Start", badgeIcon: CheckCircle, price: "$1,999", subtitle: "Essential growth foundation", features: ["Strategy audit", "Landing page design", "SEO basics"] },
|
||||
{ id: "pro", badge: "Scaling", badgeIcon: CheckCircle, price: "$4,999", subtitle: "Comprehensive performance", features: ["Full site architecture", "Development sprints", "Performance monitoring"] },
|
||||
{ id: "custom", badge: "Enterprise", badgeIcon: CheckCircle, price: "Custom", subtitle: "Tailored high-scale solution", features: ["Dedicated strategy lead", "Ongoing maintenance", "Custom development"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="results">
|
||||
<FeatureCardTwentySix
|
||||
title="Before & After Results"
|
||||
description="See how our structured approach creates tangible business improvements."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Fashion Retailer", description: "Conversion increase by 45% post-redesign", imageSrc: "http://img.b2bpic.net/free-photo/sales-promotion-fashion-shopping-discount_53876-123615.jpg", imageAlt: "Fashion e-commerce comparison", buttonIcon: ArrowUpRight, buttonHref: "#" },
|
||||
{ title: "Legal Firm", description: "Traffic growth through SEO restructuring", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lawyer-environment_23-2151152218.jpg", imageAlt: "Legal service branding shift", buttonIcon: ArrowUpRight, buttonHref: "#" },
|
||||
{ title: "Tech Startup", description: "User retention improved by 30%", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004294.jpg", imageAlt: "SaaS UX overhaul", buttonIcon: ArrowUpRight, buttonHref: "#" },
|
||||
{ title: "Hospitality Group", description: "Mobile booking speed improved by 60%", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-their-phones-even-their-bathroom_23-2149017790.jpg", imageAlt: "Hospitality mobile results", buttonIcon: ArrowUpRight, buttonHref: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services">
|
||||
<FeatureBento
|
||||
title="Our Scheduled Services"
|
||||
description="Transparent planning, iterative growth, and clear milestones for every client."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Book a Session", href: "#contact" }]}
|
||||
features={[
|
||||
{ title: "Strategy Planning", description: "Scheduled deep-dives into your business goals to map your digital roadmap.", bentoComponent: "marquee", centerIcon: Search, variant: "text", texts: ["Discovery", "Auditing", "Roadmapping", "Targeting", "Growth Plan", "Competitor Analysis"] },
|
||||
{ title: "Implementation", description: "Agile development cycles ensuring consistent progress from day one.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-new-strategy-plans-whiteboard-her-colleagues-covid19-pandemic_637285-10663.jpg", imageAlt: "Workflow" }, { imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg", imageAlt: "Code" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-system-engineer-analyzing-big-data-computer-checking-cloud-computing-network-digital-servers-young-it-technician-inspecting-modern-data-center-digitalization-handheld-shot_482257-59941.jpg", imageAlt: "Deploy" }] },
|
||||
{ title: "Maintenance", description: "Ongoing support to ensure peak performance and security after launch.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "Monitor" }, { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Patch" }, { imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg", imageAlt: "Optimize" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The schedule-driven approach gave us complete clarity on our project's progress. Seeing the 'before' mess transform into the 'after' success was incredible."
|
||||
rating={5}
|
||||
author="— Elena V., Founder at Global Retail"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "Client" }]}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Performance Metrics"
|
||||
description="Tangible results driven by scheduled design and engineering sprints."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
@@ -145,21 +130,16 @@ export default function WebAgency2Page() {
|
||||
<TeamCardFive
|
||||
title="Our Team Architecture"
|
||||
description="Built to support your scheduled growth."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
mediaClassName="object-[65%_center]"
|
||||
team={[
|
||||
{ id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", imageAlt: "Strategy Lead" },
|
||||
{ id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg", imageAlt: "Design Director" },
|
||||
{ id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg", imageAlt: "Technical Lead" },
|
||||
{ id: "1", name: "Alex Rivers", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
|
||||
{ id: "2", name: "Jamie Chen", role: "Design Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg" },
|
||||
{ id: "3", name: "Taylor Scott", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg" },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="How We Work"
|
||||
description="Understand the process behind your project's success."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do you manage project scheduling?", content: "We break every project into 2-week sprints, ensuring you always know exactly what is being delivered and when." },
|
||||
@@ -178,36 +158,14 @@ export default function WebAgency2Page() {
|
||||
{ text: "View Case Studies", href: "#results" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "Results", href: "#results" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Process", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{ label: "UI/UX Audit", href: "#" },
|
||||
{ label: "Development", href: "#" },
|
||||
{ label: "SEO Scaling", href: "#" },
|
||||
{ label: "Branding", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Get a Quote", href: "#contact" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Plans", href: "#plans" }, { label: "Results", href: "#results" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Solutions", items: [{ label: "UI/UX Audit", href: "#" }, { label: "Development", href: "#" }, { label: "SEO Scaling", href: "#" }, { label: "Branding", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Get a Quote", href: "#contact" }, { label: "Documentation", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user