Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -4,10 +4,12 @@ import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Award, Users, Sparkles } from "lucide-react";
|
||||
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Users, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -27,70 +29,104 @@ export default function AboutPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "#work" },
|
||||
{ name: "Services", href: "#services" },
|
||||
{ name: "About", href: "/about" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<SplitAbout
|
||||
title="About Us: Building Trust & Delivering Excellence"
|
||||
description="At Webild, we're more than just a web agency; we're your partner in digital success. With years of experience and a passion for innovation, we craft exceptional online experiences that drive results."
|
||||
title="Who We Are"
|
||||
description="Webild is a digital agency passionate about crafting exceptional online experiences. We combine innovative design with robust development to help brands thrive in the digital landscape."
|
||||
tag="Our Story"
|
||||
tagIcon={Sparkles}
|
||||
bulletPoints={[
|
||||
{ title: "Proven Track Record", description: "A history of successful projects and satisfied clients.", icon: Award },
|
||||
{ title: "Expert Team", description: "Dedicated professionals with deep industry knowledge.", icon: Users },
|
||||
{ title: "Client-Centric Approach", description: "Your vision is our priority, every step of the way.", icon: Sparkles },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
|
||||
imageAlt="Team member"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
|
||||
cardTag="Trusted Partnership"
|
||||
cardTagIcon={Sparkles}
|
||||
testimonials={[
|
||||
{ id: "maria-santos", name: "Maria Santos, CEO at Luxuria Travel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Maria Santos" },
|
||||
{ id: "john-doe", name: "John Doe, Founder at Tech Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "John Doe" },
|
||||
{ id: "jane-smith", name: "Jane Smith, Marketing Director at Global Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Jane Smith" }
|
||||
bulletPoints={[
|
||||
{ title: "Innovation", description: "Pushing boundaries with creative solutions." },
|
||||
{ title: "Excellence", description: "Delivering high-quality, impactful results." },
|
||||
{ title: "Collaboration", description: "Working closely with clients for shared success." },
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-photo-2.webp"
|
||||
imageAlt="Webild team working collaboratively in an office setting"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Brands"
|
||||
description="Our commitment to excellence has earned the trust of businesses across various sectors."
|
||||
title="Our Partners"
|
||||
description="We've had the privilege to work with amazing clients and partners across various industries."
|
||||
names={[
|
||||
"Stripe", "Google", "Airbnb", "Netflix", "Shopify", "Paypal", "Zoom"
|
||||
]}
|
||||
"Luxuria Travel", "Umbra Skincare", "Dental Care", "Summit Roofing", "Dubai Real Estate", "AgentFlow AI"]}
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
<FooterBase
|
||||
<TeamCardEleven
|
||||
title="Meet the Team"
|
||||
description="The creative minds behind your next project."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
groups={[
|
||||
{
|
||||
id: "founders", groupTitle: "Founders", members: [
|
||||
{ id: "1", title: "Sarah Miller", subtitle: "CEO", detail: "Leading with vision", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", title: "Valentina Reyes", subtitle: "CTO", detail: "Innovating technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "design-dev", groupTitle: "Design & Development", members: [
|
||||
{ id: "3", title: "Carlos Mendoza", subtitle: "UX Designer", detail: "Crafting user experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
|
||||
{ id: "4", title: "Emily Chen", subtitle: "Lead Developer", detail: "Building robust solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Emily Chen" },
|
||||
{ id: "5", title: "Michael Lee", subtitle: "Frontend Developer", detail: "Bringing designs to life", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp", imageAlt: "Michael Lee" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
description="Hear from businesses that have transformed their online presence with Webild."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Exceptional Results!", quote: "Webild transformed our online presence and significantly boosted our conversions. Their team is professional, creative, and highly skilled.", name: "Maria Santos", role: "CEO, Luxuria Travel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-1.webp", imageAlt: "Maria Santos"},
|
||||
{
|
||||
id: "2", title: "Outstanding Design!", quote: "The website Webild designed for us is not only visually stunning but also incredibly user-friendly. We've received so many compliments!", name: "John Doe", role: "Marketing Director, Umbra Skincare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-2.webp", imageAlt: "John Doe"},
|
||||
{
|
||||
id: "3", title: "Highly Recommended!", quote: "From concept to launch, Webild was a fantastic partner. Their attention to detail and commitment to our vision was truly impressive.", name: "Jane Smith", role: "Founder, Dental Care", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-3.webp", imageAlt: "Jane Smith"},
|
||||
]}
|
||||
/>
|
||||
<ContactText
|
||||
text="Ready to Transform Your Digital Presence?"
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/work" },
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<FooterBaseCard
|
||||
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" }
|
||||
{ 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: "Web Development", href: "/services" },
|
||||
{ label: "SEO", href: "/services" },
|
||||
{ label: "Branding", href: "/services" },
|
||||
{ label: "UI/UX Design", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -3,22 +3,11 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Mail } from "lucide-react";
|
||||
import type { Metadata } from "next";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Contact Webild: Get Your Project Started", description: "Reach out to Webild for web development, SEO, and branding inquiries. Submit your budget, ask questions, or schedule a consultation."
|
||||
};
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { MessageCircle } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const handleContactSubmit = (email: string) => {
|
||||
console.log("Contact form submitted with email:", email);
|
||||
alert(`Thank you for your inquiry! We'll be in touch soon at ${email}.`);
|
||||
// In a real application, you'd send this to a backend API
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -36,43 +25,43 @@ export default function ContactPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "/#work" },
|
||||
{ name: "Services", href: "/#services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "About", id: "/about" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<ContactCenter
|
||||
|
||||
<ContactForm
|
||||
title="Let's Build Something Great"
|
||||
description="Tell us about your project or simply say hello. We're excited to hear from you!"
|
||||
tag="Get in Touch"
|
||||
tagIcon={Mail}
|
||||
title="Let's Build Something Great Together"
|
||||
description="Have a project in mind, a question, or want to discuss your budget? Fill out the form below or reach us directly at: info@webild.com | +1 (555) 123-4567 | 456 Creative Lane, Suite 200, Digital Hub, CA 90210"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Send Inquiry"
|
||||
termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
|
||||
onSubmit={handleContactSubmit}
|
||||
useInvertedBackground={false}
|
||||
tagIcon={MessageCircle}
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending a message, you're confirming that you agree with our Privacy Policy."
|
||||
centered={true}
|
||||
/>
|
||||
<FooterBase
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "Work", href: "/#work" },
|
||||
{ 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: "Web Development", href: "/services" },
|
||||
{ label: "SEO", href: "/services" },
|
||||
{ label: "Branding", href: "/services" },
|
||||
{ label: "UI/UX Design", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -82,7 +71,7 @@ export default function ContactPage() {
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
}
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -3,12 +3,13 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Monitor, Code, Search, Sparkles, DollarSign, Wrench, CheckCircle } from "lucide-react";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, CheckCircle, Rocket, Shield } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -28,100 +29,112 @@ export default function ServicesPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "/work" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/#contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<HeroSplit
|
||||
title="Comprehensive Web Design & Development Services"
|
||||
description="From stunning visuals to robust functionality, we build digital solutions that drive growth and connect with your audience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp"
|
||||
imageAlt="Web design services illustration"
|
||||
title="Our Services"
|
||||
description="We offer a comprehensive suite of digital services designed to elevate your brand and achieve your business goals."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-hero-1.webp"
|
||||
imageAlt="Modern web design interface on a screen"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact-form" },
|
||||
{ text: "View Portfolio", href: "/work" },
|
||||
{ text: "Get a Quote", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<FeatureHoverPattern
|
||||
title="How We Help"
|
||||
description="Our expertise covers every aspect of your digital presence, from initial concept to ongoing optimization."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Web Development", description: "Custom-built, responsive websites that deliver exceptional user experiences."},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "SEO Optimization", description: "Improve your search engine rankings and drive organic traffic to your site."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Branding & Identity", description: "Develop a strong, memorable brand identity that resonates with your audience."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "UI/UX Design", description: "Intuitive and aesthetically pleasing interfaces that engage users."},
|
||||
]}
|
||||
/>
|
||||
|
||||
<PricingCardTwo
|
||||
title="Transparent Pricing"
|
||||
description="Find the perfect plan for your project. No hidden fees, just clear value."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Basic", badgeIcon: Sparkles,
|
||||
price: "$999", subtitle: "Ideal for startups and small businesses.", buttons: [{ text: "Get Started", href: "/contact" }],
|
||||
features: [
|
||||
"Custom Web Design", "5 Page Website", "Basic SEO Setup", "Responsive Design", "1 Month Support"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", badgeIcon: Rocket,
|
||||
price: "$2499", subtitle: "Perfect for growing businesses.", buttons: [{ text: "Get Started", href: "/contact" }],
|
||||
features: [
|
||||
"Everything in Basic", "10 Page Website", "Advanced SEO Strategy", "CRM Integration", "3 Months Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Shield,
|
||||
price: "Custom", subtitle: "Tailored for large-scale projects.", buttons: [{ text: "Contact Us", href: "/contact" }],
|
||||
features: [
|
||||
"Everything in Pro", "Unlimited Pages", "Full Marketing Suite", "Dedicated Account Manager", "1 Year Support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<TestimonialCardTen
|
||||
title="Why Clients Love Our Services"
|
||||
description="We're dedicated to delivering exceptional results and building lasting relationships."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Game Changer!", quote: "Webild completely transformed our online presence. Their web development expertise is unparalleled, leading to a significant increase in user engagement.", name: "Alexandra Chen", role: "CEO, Tech Solutions Inc.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-1.webp", imageAlt: "Alexandra Chen"},
|
||||
{
|
||||
id: "2", title: "Fantastic SEO Results!", quote: "Our organic traffic has soared since Webild optimized our website. Their SEO strategies are truly effective and transparent.", name: "David Rodriguez", role: "Marketing Manager, Eco-Ware Brands", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-2.webp", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "3", title: "Stunning Design!", quote: "The UI/UX design provided by Webild exceeded all our expectations. Our customers love the new look and feel of our application.", name: "Sophia Lee", role: "Product Lead, InnovateNow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-3.webp", imageAlt: "Sophia Lee"},
|
||||
]}
|
||||
/>
|
||||
|
||||
<ContactText
|
||||
text="Ready to Elevate Your Digital Presence?"
|
||||
buttons={[
|
||||
{ text: "Discuss Your Project", href: "/contact" },
|
||||
{ text: "View Case Studies", href: "/work" },
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="our-services" data-section="our-services">
|
||||
<FeatureHoverPattern
|
||||
title="Our Core Expertise"
|
||||
description="We cover every aspect of your online presence, ensuring a cohesive and high-performing digital ecosystem."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Monitor, title: "Custom Web Design", description: "Crafting intuitive and aesthetically pleasing user interfaces (UI) and engaging user experiences (UX) tailored to your brand." },
|
||||
{ icon: Code, title: "Full-Stack Web Development", description: "Building robust, scalable, and secure websites using the latest technologies for both front-end and back-end." },
|
||||
{ icon: Search, title: "SEO Strategy & Optimization", description: "Improving your search engine rankings to drive organic traffic and increase online visibility." },
|
||||
{ icon: Sparkles, title: "Brand Identity & Strategy", description: "Developing a strong and consistent brand image that resonates with your target audience and stands out." },
|
||||
{ icon: DollarSign, title: "E-commerce Solutions", description: "Creating powerful online stores with seamless shopping experiences to maximize your sales and conversions." },
|
||||
{ icon: Wrench, title: "Website Maintenance & Support", description: "Ensuring your website remains secure, updated, and performs optimally with ongoing support and maintenance plans." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Transparent Pricing Plans"
|
||||
description="Find the perfect package to match your project needs and budget."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Basic", badgeIcon: CheckCircle,
|
||||
price: "$1,500+", subtitle: "Starter Website", buttons: [{ text: "Get Started", href: "#contact-form" }],
|
||||
features: [
|
||||
"5-Page Custom Design", "Responsive Development", "Basic SEO Setup", "1-Month Support"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard", badge: "Standard", badgeIcon: CheckCircle,
|
||||
price: "$3,500+", subtitle: "Business Growth", buttons: [{ text: "Choose Plan", href: "#contact-form" }],
|
||||
features: [
|
||||
"10-Page Custom Design", "Advanced SEO Strategy", "CRM Integration", "3-Months Support & Analytics", "Content Management System"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Premium", badgeIcon: CheckCircle,
|
||||
price: "$7,000+", subtitle: "Enterprise Solution", buttons: [{ text: "Contact Us", href: "#contact-form" }],
|
||||
features: [
|
||||
"Unlimited Pages", "E-commerce / Advanced Features", "Dedicated Project Manager", "6-Months Priority Support", "Custom Integrations & APIs"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Ready to Start Your Project?"
|
||||
description="Let's discuss your vision and how we can bring it to life. Fill out the form below to get a custom quote."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp"
|
||||
imageAlt="Contact us for web design services"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 5, required: true }}
|
||||
buttonText="Send Message"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Work", href: "/work" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -3,11 +3,11 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ArrowUpRight } from "lucide-react";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function WorkPage() {
|
||||
return (
|
||||
@@ -27,80 +27,70 @@ export default function WorkPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Work", href: "/work" },
|
||||
{ name: "Services", href: "/services" },
|
||||
{ name: "About", href: "/#about" },
|
||||
{ name: "Contact", href: "/#contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
|
||||
<HeroSplit
|
||||
title="Our Portfolio & Case Studies"
|
||||
description="Explore a selection of our award-winning projects that demonstrate our commitment to design excellence and measurable results."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp"
|
||||
imageAlt="Portfolio showcase image"
|
||||
title="Our Latest Work"
|
||||
description="Explore our diverse portfolio of projects, showcasing innovative design and powerful development solutions."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/work-hero-1.webp"
|
||||
imageAlt="Digital portfolio showcasing various web design projects"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Our Services", href: "/services" },
|
||||
{ text: "Contact Us", href: "#contact-form" },
|
||||
{ text: "Get a Quote", href: "/contact" },
|
||||
{ text: "Learn More", href: "/about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<ProductCardFour
|
||||
title="Featured Projects"
|
||||
description="A selection of our most impactful and visually striking projects."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Umbra Skincare", price: "Luxury E-commerce", variant: "Web Design, Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website design"},
|
||||
{
|
||||
id: "2", name: "Luxuria Travel", price: "Bespoke Travel Platform", variant: "UI/UX, Branding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website design"},
|
||||
{
|
||||
id: "3", name: "Dental Care", price: "Premier Clinic Website", variant: "Web Design, SEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Dental Care website design"},
|
||||
{
|
||||
id: "4", name: "Summit Roofing", price: "Contractor Digital Presence", variant: "Web Development, Marketing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Summit Roofing website design"},
|
||||
{
|
||||
id: "5", name: "Dubai Real Estate", price: "Luxury Property Listings", variant: "UI/UX, Backend", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website design"},
|
||||
{
|
||||
id: "6", name: "AgentFlow AI", price: "AI Platform Dashboard", variant: "UI/UX, SaaS Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-6.webp", imageAlt: "AgentFlow AI platform design"},
|
||||
]}
|
||||
/>
|
||||
|
||||
<ContactText
|
||||
text="Ready to Transform Your Digital Presence?"
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
{ text: "View Our Services", href: "/services" },
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="featured-projects" data-section="featured-projects">
|
||||
<ProductCardFour
|
||||
title="Featured Projects"
|
||||
description="Dive into our recent work and see how we've helped businesses like yours succeed online."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "umbra-skincare", name: "Umbra Skincare", price: "E-commerce", variant: "Web Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website"},
|
||||
{
|
||||
id: "luxuria-travel", name: "Luxuria Travel", price: "Luxury Booking", variant: "UI/UX Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website"},
|
||||
{
|
||||
id: "dental-care", name: "Dental Care", price: "Health Portal", variant: "Web Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Luxury Dental Care website"},
|
||||
{
|
||||
id: "summit-roofing", name: "Summit Roofing", price: "Local Business", variant: "Web Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Summit Roofing website"},
|
||||
{
|
||||
id: "dubai-real-estate", name: "Dubai Real Estate", price: "Property Listing", variant: "UI/UX & Branding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website"},
|
||||
{
|
||||
id: "agentflow-ai", name: "AgentFlow AI", price: "SaaS Platform", variant: "Full-Stack Dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "AgentFlow AI platform screenshot"},
|
||||
{
|
||||
id: "architecture-studio", name: "Architecture Studio", price: "Digital Presence", variant: "Custom Website", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Architecture studio website"},
|
||||
{
|
||||
id: "lumine-skincare", name: "Luminé Skincare", price: "Beauty Brand", variant: "E-commerce Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Luminé skincare website"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Have a Project in Mind?"
|
||||
description="We're excited to hear about your ideas. Let's create something remarkable together and bring your vision to life."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp"
|
||||
imageAlt="Team member working on a project"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "projectDetails", placeholder: "Tell us about your project and goals", rows: 5, required: true }}
|
||||
buttonText="Get in Touch"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Work", href: "/work" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user