Add src/app/projects/page.tsx

Update src/app/page.tsx
Merge version_7 into main
2026-03-02 00:47:39 +00:00 · 2026-03-02 00:47:38 +00:00 · 2026-03-02 00:44:33 +00:00 · 2026-03-02 00:44:29 +00:00 · 2026-03-02 00:41:58 +00:00 · 2026-03-02 00:41:54 +00:00
3 changed files with 246 additions and 37 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,46 +1,25 @@
 import type { Metadata } from "next";
-import { Cabin } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
+import "./styles/variables.css";
-import Tag from "@/tag/Tag";
+import "./styles/base.css";
-const cabin = Cabin({
+const inter = Inter({
-  variable: "--font-cabin",  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 export const metadata: Metadata = {
-  title: "Webild | Web Design & Development Agency Estonia",  description: "Award-winning web agency in Estonia. We create stunning websites, e-commerce solutions, and digital experiences that drive growth. 150+ projects delivered.",  keywords: "web design, web development, Estonia, digital agency, e-commerce, branding, UI/UX design",  metadataBase: new URL("https://webild.ee"),
+  title: "Webild - 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."
  alternates: {
    canonical: "https://webild.ee"
  },
  openGraph: {
    title: "Webild - Digital Solutions for Modern Businesses",    description: "We craft stunning websites and digital experiences that drive growth. Award-winning Estonian web agency.",    url: "https://webild.ee",    siteName: "Webild",    type: "website",    images: [{
      url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png",      alt: "Webild - Web Design & Development"
    }]
  },
  twitter: {
    card: "summary_large_image",    title: "Webild | Web Design & Development Agency Estonia",    description: "Award-winning web agency creating stunning digital experiences. 150+ projects delivered.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-modern-sleek-web-design-dashboard-inte-1772410620806-a7d4fdfe.png"]
  },
  robots: {
    index: true,
    follow: true
  }
 };
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={inter.variable}>{children}
        <body
          className={`${cabin.variable} antialiased`}
        >
          <Tag />
          {children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1408,7 +1387,6 @@ export default function RootLayout({
          }}
        />
      </body>
      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -11,6 +11,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 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() {
@@ -18,11 +19,11 @@ export default function LandingPage() {
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
-      cardStyle="layered-gradient"
+      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
@@ -34,6 +35,7 @@ export default function LandingPage() {
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "metrics" },
            { name: "About", id: "about" },
            { name: "Projects", id: "/projects" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
@@ -68,6 +70,26 @@ export default function LandingPage() {
        />
      </div>
      <div id="trusted-by" data-section="trusted-by">
        <SocialProofOne
          title="Trusted by over 10,000 people"
          description="Join thousands of businesses and professionals who rely on Webild for their digital success"
          tag="Social Proof"
          tagIcon={Users}
          tagAnimation="slide-up"
          names={[
            "TechVentures Estonia",            "StartupHub Tallinn",            "BrandForce",            "EcommercePro",            "DataSolutions OÜ",            "CreativeStudio Tallinn",            "Innovation Labs",            "Digital Minds"
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-1.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-2.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-3.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-4.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-5.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-6.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-7.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/placeholder-logo-8.png"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>
      <div id="about" data-section="about">
        <TextAbout
          tag="About Webild"
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,209 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Award, Briefcase, Code, Github, Linkedin, Palette, Smartphone, Star, Twitter, Users, Zap } from 'lucide-react';
 export default function ProjectsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Webild"
          navItems={[
            { name: "Services", id: "/" },
            { name: "Portfolio", id: "/" },
            { name: "About", id: "/" },
            { name: "Projects", id: "/projects" },
            { name: "Contact", id: "/" }
          ]}
          button={{
            text: "Get Started",            href: "mailto:hello@webild.ee"
          }}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Ecommerce Platform Redesign Project"
          description="A comprehensive case study of how we redesigned a major e-commerce platform, increasing conversions by 65% and transforming the user experience. This project showcases our expertise in modern web design, technical optimization, and strategic thinking."
          background={{ variant: "plain" }}
          tag="Case Study"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Live Project", href: "#" },
            { text: "Back to Portfolio", href: "/" }
          ]}
          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="E-commerce platform redesign hero image"
          mediaAnimation="blur-reveal"
          imagePosition="right"
        />
      </div>
      <div id="project-overview" data-section="project-overview">
        <FeatureCardTen
          title="Project Overview & Key Achievements"
          description="See the comprehensive approach we took to transform this e-commerce platform and the measurable results we achieved"
          tag="Project Success"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Strategic Discovery & Research",              description: "We began with in-depth user research, competitive analysis, and stakeholder interviews to understand the platform's challenges and opportunities.",              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: Users, text: "User Research & Testing" },
                { icon: Briefcase, text: "Competitive Analysis" },
                { icon: Code, text: "Technical Audit" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Modern Design System",              description: "Our designers created a cohesive, modern design system that improved usability and brand consistency across all platform touchpoints.",              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: "Visual Design" },
                { icon: Award, text: "Design System" },
                { icon: Smartphone, text: "Responsive Components" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Performance Optimization",              description: "We optimized every aspect of the platform for speed and efficiency, reducing load times by 40% and improving Core Web Vitals significantly.",              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: Zap, text: "Speed Optimization" },
                { icon: Code, text: "Code Optimization" },
                { icon: Users, text: "User Experience" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="project-details" data-section="project-details">
        <FeatureCardThree
          title="Detailed Project Breakdown"
          description="Explore the specific improvements and transformations we made to the e-commerce platform"
          tag="Project Features"
          tagIcon={Award}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Homepage Redesign",              description: "Completely redesigned the homepage to improve conversion funnel effectiveness, implementing A/B tested layouts that increased click-through rates by 35%.",              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: "Homepage redesign"
            },
            {
              id: "2",              title: "Product Catalog Optimization",              description: "Implemented advanced filtering, search functionality, and personalization features that reduced bounce rates by 28% and increased average order value.",              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: "Product catalog optimization"
            },
            {
              id: "3",              title: "Checkout Flow Improvement",              description: "Streamlined the checkout process from 8 steps to 3, implementing guest checkout and multiple payment options that reduced cart abandonment by 42%.",              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: "Checkout flow improvement"
            },
            {
              id: "4",              title: "Mobile Experience Enhancement",              description: "Implemented a mobile-first design approach with touch-optimized interfaces and fast-loading progressive web app features for seamless mobile shopping.",              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: "Mobile experience enhancement"
            },
            {
              id: "5",              title: "Analytics & Reporting Dashboard",              description: "Built a comprehensive dashboard providing real-time insights into sales, customer behavior, inventory levels, and marketing performance metrics.",              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: "Analytics dashboard"
            },
            {
              id: "6",              title: "Security & Compliance",              description: "Implemented industry-standard security protocols, SSL encryption, PCI compliance, and data protection measures ensuring customer trust and regulatory compliance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png?_wi=1",              imageAlt: "Security measures"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>
      <div id="results" data-section="results">
        <FeatureCardThree
          title="Measurable Results & Impact"
          description="The tangible outcomes that demonstrate the success of this comprehensive redesign project"
          tag="Key Metrics"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "65% Conversion Rate Increase",              description: "Through strategic UX improvements and A/B testing, we achieved a significant boost in conversion rates, directly impacting revenue and business growth.",              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: "Conversion improvements"
            },
            {
              id: "2",              title: "40% Faster Page Load Times",              description: "Our optimization efforts reduced average page load times significantly, improving user satisfaction, SEO rankings, and overall platform performance.",              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: "Performance metrics"
            },
            {
              id: "3",              title: "28% Bounce Rate Reduction",              description: "Improved user engagement and navigation effectiveness led to visitors spending more time on the platform and exploring more products.",              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: "Engagement metrics"
            },
            {
              id: "4",              title: "42% Cart Abandonment Reduction",              description: "Our simplified checkout process and multiple payment options convinced more customers to complete their purchases rather than abandon their carts.",              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: "Checkout optimization"
            },
            {
              id: "5",              title: "35% Average Order Value Increase",              description: "Enhanced product recommendations, improved search functionality, and better product presentation encouraged customers to purchase more items per transaction.",              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: "Revenue growth"
            },
            {
              id: "6",              title: "98% Platform Uptime",              description: "Our robust infrastructure and monitoring systems ensured reliable, consistent platform availability, building customer trust and reducing lost sales from downtime.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-professional-headshot-of-a-business-ex-1772410619456-f96891a2.png?_wi=1",              imageAlt: "Reliability metrics"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>
      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Ready to Transform Your Platform?"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Let's Create Your Success Story"
          description="Just like we transformed this e-commerce platform, we can help your business achieve remarkable results. Our proven methodology, expert team, and commitment to excellence ensure project success."
          buttons={[
            { text: "Start Your Project", href: "mailto:hello@webild.ee" },
            { text: "View More Projects", href: "/" }
          ]}
          background={{ variant: "plain" }}
          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>
  );
 }
Author	SHA1	Message	Date
bender	1a5d3f5ad2	Add src/app/projects/page.tsx	2026-03-02 00:47:39 +00:00
bender	12611f0fea	Update src/app/page.tsx	2026-03-02 00:47:38 +00:00
bender	6cd75ab0e2	Merge version_7 into main Merge version_7 into main	2026-03-02 00:44:33 +00:00
bender	16b834536b	Update src/app/page.tsx	2026-03-02 00:44:29 +00:00
bender	350e8e9b89	Merge version_6 into main Merge version_6 into main	2026-03-02 00:41:58 +00:00
bender	f5c06d273b	Update src/app/page.tsx	2026-03-02 00:41:54 +00:00
bender	964aafba66	Merge version_5 into main Merge version_5 into main	2026-03-02 00:38:59 +00:00
bender	6c55b46ce5	Update src/app/page.tsx	2026-03-02 00:38:55 +00:00
bender	6337f6dfeb	Merge version_4 into main Merge version_4 into main	2026-03-02 00:36:48 +00:00
bender	7194f64502	Update src/app/page.tsx	2026-03-02 00:36:44 +00:00
bender	9fbd58bd55	Merge version_4 into main Merge version_4 into main	2026-03-02 00:34:26 +00:00
bender	428c721024	Update src/app/page.tsx	2026-03-02 00:34:22 +00:00
bender	5c7100f7ce	Update src/app/layout.tsx	2026-03-02 00:34:21 +00:00
bender	25ffc74228	Merge version_3 into main Merge version_3 into main	2026-03-02 00:30:24 +00:00
bender	170937a2a2	Update src/app/page.tsx	2026-03-02 00:30:20 +00:00
bender	d5bc1cd097	Update src/app/layout.tsx	2026-03-02 00:30:19 +00:00
bender	0580b88045	Merge version_2 into main Merge version_2 into main	2026-03-02 00:24:43 +00:00