12 Commits

Author SHA1 Message Date
d0565bcb02 Merge version_2 into main
Merge version_2 into main
2026-06-11 16:31:29 +00:00
42e0edfc8f Update src/app/rendering-farm-service/page.tsx 2026-06-11 16:31:26 +00:00
94eeb2c542 Update src/app/page.tsx 2026-06-11 16:31:25 +00:00
0dc4c747ff Merge version_2 into main
Merge version_2 into main
2026-06-11 16:31:05 +00:00
2db49e2e0a Update src/app/rendering-farm-service/page.tsx 2026-06-11 16:31:02 +00:00
1555d74660 Merge version_2 into main
Merge version_2 into main
2026-06-11 16:30:10 +00:00
471499f6b6 Update src/app/page.tsx 2026-06-11 16:30:07 +00:00
7b8514e80c Update src/app/ed-print-farm-service/page.tsx 2026-06-11 16:30:07 +00:00
63d39fb613 Merge version_2 into main
Merge version_2 into main
2026-06-11 16:29:00 +00:00
4f56db07b2 Add src/app/rendering-farm-service/page.tsx 2026-06-11 16:28:56 +00:00
81cb8710d5 Update src/app/page.tsx 2026-06-11 16:28:56 +00:00
dd63143161 Add src/app/ed-print-farm-service/page.tsx 2026-06-11 16:28:56 +00:00
3 changed files with 601 additions and 311 deletions

View File

@@ -0,0 +1,163 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, FlaskConical, CircleDollarSign } from "lucide-react";
export default function EdPrintFarmServicePage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "ED Print Farm", id: "/ed-print-farm-service" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="ED Print Farm Service"
description="Your trusted partner for advanced PCB 3D printing, enabling rapid prototyping and innovative electronic designs."
tag="Precision 3D Printing"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Get a Quote", href: "#contact" },
{ text: "Learn More", href: "#ed-print-farm-features" }
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Circuit board design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "3D printer in action" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Abstract tech grid" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Electronic components" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Tech pattern" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "Data visualization" }
]}
carouselItemClassName="!aspect-[4/5]"
/>
</div>
<div id="ed-print-farm-features" data-section="ed-print-farm-features">
<FeatureCardTwentyOne
title="Key Features & Benefits"
description="Experience the advantages of our cutting-edge 3D printing technology for your electronic designs."
tag="Advanced Solutions"
tagIcon={FlaskConical}
accordionItems={[
{ id: "1", title: "High-Resolution Printing", content: "Achieve intricate designs with unparalleled precision and detail for your PCBs." },
{ id: "2", title: "Rapid Prototyping", content: "Accelerate your development cycle with quick turnarounds and fast iteration capabilities." },
{ id: "3", title: "Multi-Material Capability", content: "Print with a variety of conductive and dielectric materials to meet diverse project needs." },
{ id: "4", title: "Cost-Effective Solutions", content: "Reduce manufacturing costs and material waste without compromising on quality or performance." },
{ id: "5", title: "Expert Support & Consultation", content: "Our team of specialists is here to assist you from design optimization to final production." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp"
imageAlt="3D printed circuit board"
mediaAnimation="slide-up"
useInvertedBackground={false}
mediaPosition="right"
/>
</div>
<div id="ed-print-farm-pricing" data-section="ed-print-farm-pricing">
<PricingCardTwo
title="Flexible Service Plans"
description="Choose the plan that best suits your project needs, from initial prototypes to scalable production."
tag="Tailored for You"
tagIcon={CircleDollarSign}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter", badge: "Starter", price: "$99/project", subtitle: "Ideal for initial prototypes and small batches.", buttons: [{ text: "Get Started", href: "#contact" }],
features: ["1 Prototype Print", "Standard Materials", "Basic Design Review"]
},
{
id: "professional", badge: "Professional", price: "$499/project", subtitle: "For advanced development and multiple iterations.", buttons: [{ text: "Choose Plan", href: "#contact" }],
features: ["Up to 5 Prototype Prints", "Premium Materials", "Advanced Design Review", "Dedicated Support"]
},
{
id: "enterprise", badge: "Enterprise", price: "Custom Quote", subtitle: "Scalable solutions for large-scale production.", buttons: [{ text: "Contact Sales", href: "#contact" }],
features: ["Unlimited Prints", "Full Material Range", "Priority Support", "Volume Discounts", "On-site Consultation"]
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get a Quote"
title="Ready to Innovate with 3D Printed Electronics?"
description="Partner with us to bring your most complex electronic designs to life. Let's discuss your project and provide a tailored solution."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Start a Project", href: "#contact" },
{ text: "View Our Technology", href: "#ed-print-farm-features" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Services", items: [
{ label: "Web Development", href: "#" },
{ label: "SEO", href: "#" },
{ label: "Branding", href: "#" },
{ label: "UI/UX Design", href: "#" },
{ label: "ED Print Farm", href: "/ed-print-farm-service" }
]
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -30,319 +30,283 @@ export default function WebAgency2Page() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<NavbarLayoutFloatingOverlay <div id="nav" data-section="nav">
brandName="Webild" <NavbarLayoutFloatingOverlay
navItems={[ brandName="Webild"
{ name: "Work", id: "work" }, navItems={[
{ name: "Services", id: "services" }, { name: "Work", id: "work" },
{ name: "About", id: "about" }, { name: "Services", id: "services" },
{ name: "Contact", id: "contact" }, { name: "ED Print Farm", id: "/ed-print-farm-service" },
]} { name: "About", id: "about" },
button={{ text: "Get Started", href: "#contact" }} { name: "Contact", id: "contact" }
/> ]}
<HeroSplitDoubleCarousel button={{ text: "Get Started", href: "#contact" }}
title="We Build Digital Experiences" />
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers." </div>
tag="Award-Winning Agency" <div id="hero" data-section="hero">
tagIcon={Sparkles} <HeroSplitDoubleCarousel
tagAnimation="slide-up" title="We Build Digital Experiences"
background={{ variant: "canvas-reveal" }} description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
buttons={[ tag="Award-Winning Agency"
{ text: "Start Project", href: "#contact" }, tagIcon={Sparkles}
{ text: "View Work", href: "#work" }, tagAnimation="slide-up"
]} background={{ variant: "canvas-reveal" }}
buttonAnimation="slide-up" buttons={[
carouselPosition="right" { text: "Start Project", href: "#contact" },
leftCarouselItems={[ { text: "View Work", href: "#work" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design - Daily Life app" }, ]}
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design - SaaS platform" }, buttonAnimation="slide-up"
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" }, carouselPosition="right"
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" }, leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1", imageAlt: "UI UX Design - Daily Life app" },
]} { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Design - SaaS platform" },
rightCarouselItems={[ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp?_wi=1", imageAlt: "UI UX Design - Luminé skincare" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design - Luxuria travel" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp?_wi=1", imageAlt: "UI UX Design - Business coach" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" }, ]}
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" }, rightCarouselItems={[
]} { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Design - Luxuria travel" },
carouselItemClassName="!aspect-[4/5]" { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
/> { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
<FeatureBento { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" }
title="Our Services" ]}
description="We offer a full suite of digital services to help your brand stand out online." carouselItemClassName="!aspect-[4/5]"
textboxLayout="default" />
useInvertedBackground={false} </div>
animationType="slide-up" <div id="services" data-section="services">
buttons={[{ text: "All Services", href: "#services" }]} <FeatureBento
buttonAnimation="slide-up" title="Our Services"
features={[ description="We offer a full suite of digital services to help your brand stand out online."
{ textboxLayout="default"
title: "SEO", useInvertedBackground={false}
description: "We optimize your website to rank higher on search engines and drive organic traffic.", animationType="slide-up"
bentoComponent: "marquee", buttons={[{ text: "All Services", href: "#services" }]}
centerIcon: Search, buttonAnimation="slide-up"
variant: "text", features={[
texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"], {
}, title: "SEO", description: "We optimize your website to rank higher on search engines and drive organic traffic.", bentoComponent: "marquee", centerIcon: Search,
{ variant: "text", texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"]
title: "Web Development", },
description: "Custom-built websites that are fast, responsive, and designed to convert.", {
bentoComponent: "media-stack", title: "Web Development", description: "Custom-built websites that are fast, responsive, and designed to convert.", bentoComponent: "media-stack", items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp?_wi=1", imageAlt: "Web project - AgentFlow AI platform" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=1", imageAlt: "Web project - Architecture studio" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=1", imageAlt: "Web project - Summit Roofing" }
]
},
{
title: "Branding", description: "Build a memorable brand identity that resonates with your audience.", bentoComponent: "media-stack", items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "Brand project 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Brand project 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Brand project 3" }
]
}
]}
/>
</div>
<div id="work" data-section="work">
<FeatureCardTwentySix
title="Our Work"
description="A selection of projects we've crafted for clients across industries."
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Work", href: "#work" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{
title: "Umbra Skincare", description: "Luxury fragrance e-commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website", buttonIcon: ArrowUpRight,
buttonHref: "#"
},
{
title: "Luxuria Travel", description: "Bespoke luxury travel experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website", buttonIcon: ArrowUpRight,
buttonHref: "#"
},
{
title: "Dental Care", description: "Premier dental practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Luxury Dental Care website", buttonIcon: ArrowUpRight,
buttonHref: "#"
},
{
title: "Summit Roofing", description: "Professional roofing services", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp?_wi=1", imageAlt: "Summit Roofing website", buttonIcon: ArrowUpRight,
buttonHref: "#"
},
{
title: "Dubai Real Estate", description: "Luxury property listings", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website", buttonIcon: ArrowUpRight,
buttonHref: "#"
}
]}
/>
</div>
<div id="promise" data-section="promise">
<FeatureBento
title="Our Promise"
description="We deliver results that speak for themselves."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "All Devices Optimization", description: "Pixel-perfect websites that look stunning on every screen size and device.", bentoComponent: "phone", statusIcon: Lock,
alertIcon: Monitor,
alertTitle: "Responsive check", alertMessage: "All breakpoints passed", 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 Hosting", description: "Enterprise-grade security and 99.9% uptime for your website.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Fast Turnaround", description: "From concept to launch in record time without sacrificing quality.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Week 1", items: [
{ label: "Discovery & wireframes", detail: "Day 1-3" },
{ label: "Design & development", detail: "Day 4-10" },
{ label: "Testing & deployment", detail: "Day 11-14" }
],
completedLabel: "Live"
},
{
title: "Seamless Integrations", description: "Connect with the tools you already use — CRMs, analytics, payments, and more.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
items: [
{ icon: Shield },
{ icon: Monitor },
{ icon: Zap },
{ icon: TrendingUp }
]
},
{
title: "Growth Trends", description: "Data-driven insights to optimize your search presence and drive traffic.", bentoComponent: "line-chart"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
rating={5}
author="— Maria Santos, CEO at Luxuria Travel"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Trusted by Industry Leaders"
description="Years of experience building digital products that drive real results."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "projects", value: "100+", title: "Projects", description: "Successfully delivered across all industries", icon: Award },
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Client satisfaction rate and counting", icon: Users },
{ id: "years", value: "8+", title: "Years", description: "Of crafting exceptional digital experiences", icon: TrendingUp }
]}
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<FeatureCardSixteen
title="Why Choose Webild"
description="See the difference a professional web agency makes."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [ items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" }, "Generic templates with no personality", "Slow load times and poor performance", "No SEO strategy or search visibility", "Outdated design that hurts credibility", "No ongoing support after launch"]
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" }, }}
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" }, positiveCard={{
],
},
{
title: "Branding",
description: "Build a memorable brand identity that resonates with your audience.",
bentoComponent: "media-stack",
items: [ items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" }, "Custom designs tailored to your brand", "Lightning-fast performance on all devices", "Built-in SEO to drive organic traffic", "Modern design that builds trust", "Dedicated support and maintenance"]
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" }, }}
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" }, />
], </div>
}, <div id="team" data-section="team">
]} <TeamCardFive
/> title="Meet the Team"
<FeatureCardTwentySix description="The creative minds behind your next project."
title="Our Work" textboxLayout="default"
description="A selection of projects we've crafted for clients across industries." useInvertedBackground={false}
textboxLayout="default" animationType="slide-up"
useInvertedBackground={false} mediaClassName="object-[65%_center]"
buttons={[{ text: "View All Work", href: "#work" }]} team={[
buttonAnimation="slide-up" { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
cardClassName="!h-auto aspect-video" { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
features={[ { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" }
{ ]}
title: "Umbra Skincare", />
description: "Luxury fragrance e-commerce", </div>
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", <div id="faq" data-section="faq">
imageAlt: "Umbra Skincare website", <FaqBase
buttonIcon: ArrowUpRight, title="Frequently Asked Questions"
buttonHref: "#", description="Everything you need to know about working with us."
}, textboxLayout="default"
{ useInvertedBackground={false}
title: "Luxuria Travel", faqsAnimation="slide-up"
description: "Bespoke luxury travel experiences", faqs={[
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", { id: "1", title: "How long does a typical project take?", content: "Most projects are completed within 2-4 weeks depending on scope and complexity. We'll provide a detailed timeline during our initial consultation." },
imageAlt: "Luxuria Travel website", { id: "2", title: "What is your pricing structure?", content: "We offer project-based pricing tailored to your needs. Every project includes design, development, SEO optimization, and post-launch support." },
buttonIcon: ArrowUpRight, { id: "3", title: "Do you offer ongoing maintenance?", content: "Yes! We provide ongoing support and maintenance packages to keep your website updated, secure, and performing at its best." },
buttonHref: "#", { id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in website redesigns that modernize your brand while preserving your existing content and SEO rankings." },
}, { id: "5", title: "What technologies do you use?", content: "We build with modern technologies including Next.js, React, and Tailwind CSS to ensure fast, scalable, and maintainable websites." }
{ ]}
title: "Dental Care", />
description: "Premier dental practice", </div>
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", <div id="contact" data-section="contact">
imageAlt: "Luxury Dental Care website", <ContactCTA
buttonIcon: ArrowUpRight, tag="Get in Touch"
buttonHref: "#", title="Ready to Transform Your Digital Presence?"
}, description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
{ background={{ variant: "rotated-rays-animated" }}
title: "Summit Roofing", buttons={[
description: "Professional roofing services", { text: "Start Your Project", href: "#contact" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", { text: "View Our Work", href: "#work" }
imageAlt: "Summit Roofing website", ]}
buttonIcon: ArrowUpRight, buttonAnimation="slide-up"
buttonHref: "#", useInvertedBackground={false}
}, />
{ </div>
title: "Dubai Real Estate", <div id="footer" data-section="footer">
description: "Luxury property listings", <FooterBase
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", logoText="Webild"
imageAlt: "Dubai Real Estate website", copyrightText="© 2026 | Webild"
buttonIcon: ArrowUpRight, columns={[
buttonHref: "#", {
}, title: "Company", items: [
]} { label: "About", href: "#about" },
/> { label: "Services", href: "#services" },
<FeatureBento { label: "Work", href: "#work" },
title="Our Promise" { label: "Contact", href: "#contact" }
description="We deliver results that speak for themselves." ]
textboxLayout="default" },
useInvertedBackground={false} {
animationType="slide-up" title: "Services", items: [
features={[ { label: "Web Development", href: "#" },
{ { label: "SEO", href: "#" },
title: "All Devices Optimization", { label: "Branding", href: "#" },
description: "Pixel-perfect websites that look stunning on every screen size and device.", { label: "UI/UX Design", href: "#" }
bentoComponent: "phone", ]
statusIcon: Lock, },
alertIcon: Monitor, {
alertTitle: "Responsive check", title: "Connect", items: [
alertMessage: "All breakpoints passed", { label: "Twitter", href: "#" },
apps: [ { label: "LinkedIn", href: "#" },
{ name: "Phone", icon: Phone }, { label: "Instagram", href: "#" },
{ name: "SMS", icon: MessageCircle }, { label: "Dribbble", href: "#" }
{ name: "Books", icon: BookOpen }, ]
{ name: "TV", icon: Tv }, }
{ name: "Camera", icon: Camera }, ]}
{ name: "Music", icon: Music }, />
{ name: "Settings", icon: Settings }, </div>
{ name: "Chat", icon: MessageCircle },
],
},
{
title: "Secure Hosting",
description: "Enterprise-grade security and 99.9% uptime for your website.",
bentoComponent: "reveal-icon",
icon: Shield,
},
{
title: "Fast Turnaround",
description: "From concept to launch in record time without sacrificing quality.",
bentoComponent: "timeline",
heading: "Project Launch",
subheading: "Week 1",
items: [
{ label: "Discovery & wireframes", detail: "Day 1-3" },
{ label: "Design & development", detail: "Day 4-10" },
{ label: "Testing & deployment", detail: "Day 11-14" },
],
completedLabel: "Live",
},
{
title: "Seamless Integrations",
description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",
bentoComponent: "orbiting-icons",
centerIcon: Puzzle,
items: [
{ icon: Shield },
{ icon: Monitor },
{ icon: Zap },
{ icon: TrendingUp },
],
},
{
title: "Growth Trends",
description: "Data-driven insights to optimize your search presence and drive traffic.",
bentoComponent: "line-chart",
},
]}
/>
<TestimonialCardFifteen
testimonial="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
rating={5}
author="— Maria Santos, CEO at Luxuria Travel"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
<MetricCardOne
title="Trusted by Industry Leaders"
description="Years of experience building digital products that drive real results."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "projects", value: "100+", title: "Projects", description: "Successfully delivered across all industries", icon: Award },
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Client satisfaction rate and counting", icon: Users },
{ id: "years", value: "8+", title: "Years", description: "Of crafting exceptional digital experiences", icon: TrendingUp },
]}
/>
<FeatureCardSixteen
title="Why Choose Webild"
description="See the difference a professional web agency makes."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [
"Generic templates with no personality",
"Slow load times and poor performance",
"No SEO strategy or search visibility",
"Outdated design that hurts credibility",
"No ongoing support after launch",
],
}}
positiveCard={{
items: [
"Custom designs tailored to your brand",
"Lightning-fast performance on all devices",
"Built-in SEO to drive organic traffic",
"Modern design that builds trust",
"Dedicated support and maintenance",
],
}}
/>
<TeamCardFive
title="Meet the Team"
description="The creative minds behind your next project."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
mediaClassName="object-[65%_center]"
team={[
{ id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
{ id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
{ id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
]}
/>
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about working with us."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "How long does a typical project take?", content: "Most projects are completed within 2-4 weeks depending on scope and complexity. We'll provide a detailed timeline during our initial consultation." },
{ id: "2", title: "What is your pricing structure?", content: "We offer project-based pricing tailored to your needs. Every project includes design, development, SEO optimization, and post-launch support." },
{ id: "3", title: "Do you offer ongoing maintenance?", content: "Yes! We provide ongoing support and maintenance packages to keep your website updated, secure, and performing at its best." },
{ id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in website redesigns that modernize your brand while preserving your existing content and SEO rankings." },
{ id: "5", title: "What technologies do you use?", content: "We build with modern technologies including Next.js, React, and Tailwind CSS to ensure fast, scalable, and maintainable websites." },
]}
/>
<ContactCTA
tag="Get in Touch"
title="Ready to Transform Your Digital Presence?"
description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Start Your Project", href: "#contact" },
{ text: "View Our Work", href: "#work" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company",
items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Services",
items: [
{ label: "Web Development", href: "#" },
{ label: "SEO", href: "#" },
{ label: "Branding", href: "#" },
{ label: "UI/UX Design", href: "#" },
],
},
{
title: "Connect",
items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" },
],
},
]}
/>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

View File

@@ -0,0 +1,163 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, FlaskConical, CircleDollarSign } from "lucide-react";
export default function EdPrintFarmServicePage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "ED Print Farm", id: "/ed-print-farm-service" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="ED Print Farm Service"
description="Your trusted partner for advanced PCB 3D printing, enabling rapid prototyping and innovative electronic designs."
tag="Precision 3D Printing"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Get a Quote", href: "#contact" },
{ text: "Learn More", href: "#ed-print-farm-features" }
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=2", imageAlt: "Circuit board design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp?_wi=2", imageAlt: "3D printer in action" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=3", imageAlt: "Abstract tech grid" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=2", imageAlt: "Electronic components" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp?_wi=2", imageAlt: "Tech pattern" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp?_wi=2", imageAlt: "Data visualization" }
]}
carouselItemClassName="!aspect-[4/5]"
/>
</div>
<div id="ed-print-farm-features" data-section="ed-print-farm-features">
<FeatureCardTwentyOne
title="Key Features & Benefits"
description="Experience the advantages of our cutting-edge 3D printing technology for your electronic designs."
tag="Advanced Solutions"
tagIcon={FlaskConical}
accordionItems={[
{ id: "1", title: "High-Resolution Printing", content: "Achieve intricate designs with unparalleled precision and detail for your PCBs." },
{ id: "2", title: "Rapid Prototyping", content: "Accelerate your development cycle with quick turnarounds and fast iteration capabilities." },
{ id: "3", title: "Multi-Material Capability", content: "Print with a variety of conductive and dielectric materials to meet diverse project needs." },
{ id: "4", title: "Cost-Effective Solutions", content: "Reduce manufacturing costs and material waste without compromising on quality or performance." },
{ id: "5", title: "Expert Support & Consultation", content: "Our team of specialists is here to assist you from design optimization to final production." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp?_wi=2"
imageAlt="3D printed circuit board"
mediaAnimation="slide-up"
useInvertedBackground={false}
mediaPosition="right"
/>
</div>
<div id="ed-print-farm-pricing" data-section="ed-print-farm-pricing">
<PricingCardTwo
title="Flexible Service Plans"
description="Choose the plan that best suits your project needs, from initial prototypes to scalable production."
tag="Tailored for You"
tagIcon={CircleDollarSign}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter", badge: "Starter", price: "$99/project", subtitle: "Ideal for initial prototypes and small batches.", buttons: [{ text: "Get Started", href: "#contact" }],
features: ["1 Prototype Print", "Standard Materials", "Basic Design Review"]
},
{
id: "professional", badge: "Professional", price: "$499/project", subtitle: "For advanced development and multiple iterations.", buttons: [{ text: "Choose Plan", href: "#contact" }],
features: ["Up to 5 Prototype Prints", "Premium Materials", "Advanced Design Review", "Dedicated Support"]
},
{
id: "enterprise", badge: "Enterprise", price: "Custom Quote", subtitle: "Scalable solutions for large-scale production.", buttons: [{ text: "Contact Sales", href: "#contact" }],
features: ["Unlimited Prints", "Full Material Range", "Priority Support", "Volume Discounts", "On-site Consultation"]
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get a Quote"
title="Ready to Innovate with 3D Printed Electronics?"
description="Partner with us to bring your most complex electronic designs to life. Let's discuss your project and provide a tailored solution."
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Start a Project", href: "#contact" },
{ text: "View Our Technology", href: "#ed-print-farm-features" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Services", items: [
{ label: "Web Development", href: "#" },
{ label: "SEO", href: "#" },
{ label: "Branding", href: "#" },
{ label: "UI/UX Design", href: "#" },
{ label: "ED Print Farm", href: "/ed-print-farm-service" }
]
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}