Add src/app/rendering-farm-service/page.tsx
This commit is contained in:
153
src/app/rendering-farm-service/page.tsx
Normal file
153
src/app/rendering-farm-service/page.tsx
Normal file
@@ -0,0 +1,153 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Zap, Scale, Globe, Shield, Puzzle, DollarSign, Phone } from "lucide-react";
|
||||
|
||||
export default function RenderingFarmServicePage() {
|
||||
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>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Rendering Farm", href: "/rendering-farm-service" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
|
||||
<HeroSplitKpi
|
||||
title="High-Performance Cloud Rendering for Artists & Studios"
|
||||
description="Accelerate your creative workflow with our scalable and secure rendering farm. Get your projects rendered faster, without the upfront hardware costs."
|
||||
tag="Blazing Fast Rendering"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Pricing", href: "#pricing" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
kpis={[
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "1000+", label: "Cores Available" },
|
||||
{ value: "75%", label: "Cost Savings" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/hero-placeholder-1.webp"
|
||||
imageAlt="Rendering farm servers in a data center"
|
||||
imagePosition="right"
|
||||
/>
|
||||
|
||||
<FeatureCardEight
|
||||
title="Why Choose Our Rendering Farm?"
|
||||
description="Powerful features designed to optimize your rendering process."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Infrastructure", description: "Instantly scale your rendering power up or down based on project demands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-1.webp", imageAlt: "Scalable cloud infrastructure icon"
|
||||
},
|
||||
{
|
||||
title: "Global Accessibility", description: "Access your projects and render from anywhere in the world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-2.webp", imageAlt: "Globe showing global access"
|
||||
},
|
||||
{
|
||||
title: "Secure & Reliable", description: "Your data is protected with enterprise-grade security and backups.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-3.webp", imageAlt: "Shield icon for security"
|
||||
},
|
||||
{
|
||||
title: "Broad Software Support", description: "Compatible with all major 3D software and render engines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-4.webp", imageAlt: "Puzzle icon for integrations"
|
||||
},
|
||||
{
|
||||
title: "Cost-Effective", description: "Pay-as-you-go model with no hidden fees, only for what you use.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-5.webp", imageAlt: "Dollar sign icon for cost-effectiveness"
|
||||
},
|
||||
{
|
||||
title: "24/7 Expert Support", description: "Our dedicated team is always available to assist you with any rendering challenges.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/placeholders/placeholder-image-6.webp", imageAlt: "Phone icon for 24/7 support"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
<PricingCardFive
|
||||
title="Flexible Pricing Plans"
|
||||
description="Choose the plan that best fits your project needs and budget."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
id="pricing"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", tag: "Starter", price: "$0.01/GHZ-hour", period: "per project", description: "Ideal for individual artists and small projects.", button: { text: "Start Basic", href: "#contact" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"100 GHZ-hours free", "Standard Priority", "Email Support", "Basic Software Compatibility"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Professional", price: "$0.008/GHZ-hour", period: "per project", description: "Perfect for growing studios and complex productions.", button: { text: "Go Pro", href: "#contact" },
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"High Priority Rendering", "Live Chat Support", "Advanced Software Compatibility", "API Access"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise", tag: "Enterprise", price: "Custom", period: "per project", description: "Tailored solutions for large studios with specific requirements.", button: { text: "Contact Sales", href: "#contact" },
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Dedicated Account Manager", "24/7 Phone Support", "Custom Integrations", "Volume Discounts"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
<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: "Rendering Farm", href: "/rendering-farm-service" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user