Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-04-23 05:35:36 +00:00
3 changed files with 44 additions and 55 deletions

View File

@@ -4,7 +4,7 @@ import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FooterBase from "@/components/sections/footer/FooterBase";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
export default function AboutPage() {
return (
@@ -24,12 +24,11 @@ export default function AboutPage() {
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<InlineImageSplitTextAbout
heading={[
@@ -38,16 +37,17 @@ export default function AboutPage() {
{ type: "text", content: "through innovation and passion." }
]}
buttons={[{ text: "Let's Talk", href: "/contact" }]}
useInvertedBackground={false}
/>
<FooterBase
<FooterBaseReveal
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/portfolio" },
{ label: "Contact", href: "/contact" },
],
},
@@ -56,4 +56,4 @@ export default function AboutPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -3,8 +3,8 @@
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 ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
export default function ContactPage() {
return (
@@ -24,29 +24,30 @@ export default function ContactPage() {
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "services" },
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<ContactCenter
<ContactSplit
tag="Get in Touch"
title="Collaborate with Us"
description="Have a project in mind? We'd love to hear from you. Fill out the form and our team will get back to you shortly."
background={{ variant: "rotated-rays-animated" }}
onSubmit={(email) => console.log("Submit:", email)}
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
<FooterBase
<FooterBaseReveal
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Services", href: "#services" },
{ label: "Work", href: "#work" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/portfolio" },
{ label: "Contact", href: "/contact" },
],
},
@@ -55,4 +56,4 @@ export default function ContactPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -3,11 +3,10 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { ArrowUpRight, Zap, Target, Layers } from "lucide-react";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ArrowUpRight } from "lucide-react";
export default function PortfolioPage() {
return (
@@ -28,13 +27,12 @@ export default function PortfolioPage() {
brandName="Webild"
navItems={[
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
<FeatureCardTwentySix
<FeatureCardMedia
title="Our Portfolio"
description="A deep dive into our recent work and creative problem solving for industry leaders."
textboxLayout="default"
@@ -42,46 +40,36 @@ export default function PortfolioPage() {
animationType="slide-up"
features={[
{
title: "Marketplace Redesign", description: "Comprehensive UX/UI transformation for a global marketplace, increasing engagement by 40%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CkGaGcTHeRmAu4oiq071cNDcIj/uploaded-1776922464087-xf8jlov6.jpg", imageAlt: "Case study project", buttonIcon: ArrowUpRight,
buttonHref: "#"
id: "1", title: "Marketplace Redesign", description: "Comprehensive UX/UI transformation for a global marketplace, increasing engagement by 40%.", tag: "Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CkGaGcTHeRmAu4oiq071cNDcIj/uploaded-1776922464087-xf8jlov6.jpg", buttons: [{ text: "View Case", href: "#" }]
},
{
title: "FinTech Dashboard", description: "Developing a high-performance analytics dashboard with real-time data visualization.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CkGaGcTHeRmAu4oiq071cNDcIj/uploaded-1776922464087-qj6ou10i.jpg", imageAlt: "Case study project", buttonIcon: ArrowUpRight,
buttonHref: "#"
id: "2", title: "FinTech Dashboard", description: "Developing a high-performance analytics dashboard with real-time data visualization.", tag: "Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CkGaGcTHeRmAu4oiq071cNDcIj/uploaded-1776922464087-qj6ou10i.jpg", buttons: [{ text: "View Case", href: "#" }]
}
]}
/>
<FeatureBento
title="Case Study Methodology"
description="Our approach combines research, design, and technical precision."
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
title: "Discovery & Research", description: "We analyze your industry and user behavior to set the foundation.", bentoComponent: "reveal-icon", icon: Target,
},
{
title: "Design Iteration", description: "Continuous feedback loops to ensure every pixel aligns with your brand.", bentoComponent: "reveal-icon", icon: Layers,
},
{
title: "Technical Execution", description: "Clean code and optimized performance for a robust digital product.", bentoComponent: "reveal-icon", icon: Zap,
}
]}
/>
<ContactCTA
<ContactSplit
tag="Ready to start?"
title="Let's build your story next"
description="We're currently accepting new projects. Let's discuss your goals."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "Contact Us", href: "#contact" }]}
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
<FooterBase
<FooterBaseReveal
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[]}
columns={[
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/portfolio" },
{ label: "Contact", href: "/contact" },
],
},
]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}