271 lines
19 KiB
TypeScript
271 lines
19 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, BarChart2, BarChart3, CheckCircle, Cloud, Code, Github, Lightbulb, Linkedin, Lock, MessageSquare, Palette, Paintbrush, Search, Share2, ShoppingCart, Smartphone, Sparkles, Star, Target, TrendingUp, Twitter, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Webild"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "metrics" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Digital Solutions for Modern Businesses"
|
|
description="We craft stunning websites and digital experiences that drive growth. From strategy to launch, we transform your vision into reality with cutting-edge technology and creative excellence."
|
|
background={{ variant: "aurora" }}
|
|
kpis={[
|
|
{ value: "150+", label: "Projects Delivered" },
|
|
{ value: "98%", label: "Client Satisfaction" },
|
|
{ value: "12 yrs", label: "Industry Experience" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Welcome to Webild"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "#contact" },
|
|
{ text: "View Our Work", href: "#metrics" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=1"
|
|
imageAlt="Web agency dashboard interface"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Webild"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="We transform ideas into impactful digital experiences that connect businesses with their audiences and drive measurable results"
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#contact" },
|
|
{ text: "Explore Services", href: "#services" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Service Process"
|
|
description="We follow a proven methodology to deliver exceptional results at every stage of your project"
|
|
tag="How We Work"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Discovery", title: "Strategic Planning", subtitle: "Understanding your vision and goals", description: "We begin by deeply understanding your business objectives, target audience, and competitive landscape. Our strategic discovery phase ensures we build solutions that align perfectly with your vision and drive real business impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1", imageAlt: "Strategy and planning session", buttons: []
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Design", title: "Creative Design", subtitle: "Crafting beautiful, intuitive interfaces", description: "Our award-winning design team creates stunning, user-centric designs that engage your audience. We combine aesthetic excellence with practical functionality to deliver interfaces that users love and conversion rates that soar.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=1", imageAlt: "Design and UI/UX work", buttons: []
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Development", title: "Technical Excellence", subtitle: "Building robust, scalable solutions", description: "Our expert developers build powerful, secure, and scalable solutions using the latest technologies. We ensure your digital product performs flawlessly, loads lightning-fast, and grows seamlessly with your business needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=1", imageAlt: "Web development and coding", buttons: []
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Launch", title: "Successful Deployment", subtitle: "Taking your project live with confidence", description: "We manage the complete launch process, from final testing to deployment and optimization. Our team ensures a smooth transition to production and provides ongoing support to maximize your project's success from day one.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-successful-project-launch-moment-with--1772410619834-2853f669.png?_wi=1", imageAlt: "Project launch and celebration", buttons: []
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Track Record"
|
|
description="Proven results that speak for themselves across diverse industries and project types"
|
|
tag="Success Stories"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "150", title: "Projects", description: "Successfully delivered across industries", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "2", value: "98", title: "% Satisfaction", description: "Client satisfaction and retention rate", icon: Star
|
|
},
|
|
{
|
|
id: "3", value: "50M", title: "User Impact", description: "Users reached through our solutions", icon: Users
|
|
},
|
|
{
|
|
id: "4", value: "12", title: "Years Experience", description: "Building digital solutions in Estonia", icon: Award
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Trusted by Leading Companies"
|
|
description="See what our clients say about their experience working with our team"
|
|
tag="Client Testimonials"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Kaarina Saar, CEO of TechVentures Estonia", date: "Date: 15 November 2024", title: "Transformed Our Digital Presence Completely", quote: "Webild completely transformed our digital presence. Their team understood our vision immediately and delivered a website that exceeded all our expectations. The result has directly contributed to a 45% increase in our client inquiries. Truly outstanding work.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png", avatarAlt: "Kaarina Saar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png"
|
|
},
|
|
{
|
|
id: "2", name: "Jaak Küla, Founder of StartupHub Tallinn", date: "Date: 22 October 2024", title: "Exactly the Partner We Needed", quote: "From day one, Webild was exactly the kind of strategic partner we needed. They didn't just build a website—they helped us think about our entire digital strategy. Their insights and technical expertise are second to none in the Estonian market.", tag: "Startup", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-startup-fou-1772410619278-97666ad0.png", avatarAlt: "Jaak Küla", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-startup-fou-1772410619278-97666ad0.png"
|
|
},
|
|
{
|
|
id: "3", name: "Merle Tamm, Marketing Director at BrandForce", date: "Date: 8 September 2024", title: "Creative and Technical Excellence", quote: "Working with Webild was a game-changer for our brand. Their designers created something truly beautiful, and their developers made sure every pixel worked perfectly. Our conversion rates increased by 60% after launch. Highly recommended.", tag: "Marketing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-marketing-d-1772410618747-e97bc65c.png", avatarAlt: "Merle Tamm", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-marketing-d-1772410618747-e97bc65c.png"
|
|
},
|
|
{
|
|
id: "4", name: "Rait Järviste, Product Manager at EcommercePro", date: "Date: 3 August 2024", title: "Outstanding Communication and Results", quote: "The team at Webild is a pleasure to work with. They communicated clearly throughout the entire project, delivered on time, and created a platform that scaled beautifully with our growing user base. Best investment we've made in our digital infrastructure.", tag: "E-commerce", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-product-man-1772410618003-891e17ab.png", avatarAlt: "Rait Järviste", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-product-man-1772410618003-891e17ab.png"
|
|
},
|
|
{
|
|
id: "5", name: "Liisa Pähn, Operations Director at DataSolutions OÜ", date: "Date: 18 July 2024", title: "Professional, Reliable, and Innovative", quote: "Five years and counting with Webild. They've been our go-to partner for all our digital needs. From initial consultation to ongoing support, their professionalism and innovation have been consistently excellent. True partners in our growth.", tag: "Long-term Partner", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-an-operations-1772410619155-0d32e979.png", avatarAlt: "Liisa Pähn", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-an-operations-1772410619155-0d32e979.png"
|
|
},
|
|
{
|
|
id: "6", name: "Kristjan Kask, Founder of CreativeStudio Tallinn", date: "Date: 12 June 2024", title: "Partners Who Understand Design and Code", quote: "It's rare to find an agency that understands both design and development at such a high level. Webild brings both disciplines together seamlessly. Our new platform is not only beautiful but also performs exceptionally well. Couldn't ask for better.", tag: "Creative Partner", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-digital-str-1772410619980-735c148f.png", avatarAlt: "Kristjan Kask", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-digital-str-1772410619980-735c148f.png"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="detailed-services" data-section="detailed-services">
|
|
<FeatureCardTen
|
|
title="Comprehensive Digital Services"
|
|
description="End-to-end solutions tailored to your unique business needs and growth ambitions"
|
|
tag="Our Expertise"
|
|
tagIcon={Code}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Web Design & Development", description: "Custom-built websites that combine stunning aesthetics with powerful functionality. We create responsive, fast-loading sites optimized for conversions and user experience.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-designer-working-on-ui-ux-design-mocku-1772410619859-2afc13ae.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: Palette, text: "Custom UI/UX Design" },
|
|
{ icon: Smartphone, text: "Responsive Development" },
|
|
{ icon: Zap, text: "Performance Optimization" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "E-Commerce Solutions", description: "Powerful online stores built to convert visitors into customers. We implement secure payment systems, inventory management, and marketing tools for sustainable growth.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-developer-coding-and-building-a-web-ap-1772410619313-a14e8bb8.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: ShoppingCart, text: "Store Setup & Configuration" },
|
|
{ icon: Lock, text: "Secure Payment Integration" },
|
|
{ icon: TrendingUp, text: "Sales Analytics Dashboard" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "App Development", description: "Native and cross-platform mobile applications built with the latest technologies. We create apps that users love and businesses depend on for growth.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: Smartphone, text: "iOS & Android Development" },
|
|
{ icon: Cloud, text: "Cloud Integration" },
|
|
{ icon: BarChart3, text: "Real-time Analytics" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "4", title: "Digital Marketing & SEO", description: "Strategic digital marketing that drives visibility and engagement. From SEO optimization to social media campaigns, we help you reach the right audience.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-successful-project-launch-moment-with--1772410619834-2853f669.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: Search, text: "SEO Optimization" },
|
|
{ icon: Share2, text: "Social Media Strategy" },
|
|
{ icon: BarChart2, text: "Performance Tracking" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "5", title: "Branding & Strategy", description: "Comprehensive branding services that establish your unique identity in the market. We develop strategies that align with your business goals and resonate with your audience.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: Paintbrush, text: "Logo & Brand Identity" },
|
|
{ icon: Target, text: "Brand Guidelines" },
|
|
{ icon: Target, text: "Market Positioning" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to bring your digital vision to life? Let's collaborate and create something extraordinary together. Contact us today to discuss your next project."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "mailto:hello@webild.ee" },
|
|
{ text: "Schedule a Call", href: "#" }
|
|
]}
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Webild"
|
|
copyrightText="© 2025 Webild. All rights reserved. Based in Estonia."
|
|
socialLinks={[
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
|
|
{ icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |