Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-01 17:36:49 +00:00
2 changed files with 46 additions and 64 deletions

View File

@@ -2,45 +2,48 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FooterBase from "@/components/sections/footer/FooterBase";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterCard from "@/components/sections/footer/FooterCard";
import ReactLenis from "lenis/react";
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Team", id: "/team" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<SplitAbout
title="About Webild"
description="We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."
textboxLayout="default"
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
bulletPoints={[
{ title: "Expertise", description: "Years of industry experience in web design and development." },
{ title: "Innovation", description: "Constantly pushing the boundaries of what is possible online." },
{ title: "Client-First", description: "Your success is our primary goal in every project." }
]}
/>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }, { label: "Home", href: "/" }] },
{ title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
{ title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
]}
/>
<div id="about" data-section="about">
<TextSplitAbout
title="About Webild"
description={["We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webild"
copyrightText="© 2026 | Webild"
/>
</div>
</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 FeatureBento from "@/components/sections/feature/FeatureBento";
import FooterBase from "@/components/sections/footer/FooterBase";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Film, Tv, DollarSign } from "lucide-react";
export default function ServicesPage() {
@@ -17,69 +17,48 @@ export default function ServicesPage() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/work" },
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<div className="pt-32 pb-20">
<FeatureBento
<div id="services" data-section="services" className="pt-32 pb-20">
<FeatureHoverPattern
title="Our Specialized Services"
description="Expert consulting tailored for the film and entertainment industry."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Film Production Consulting", description: "End-to-end production guidance, from script development and pre-production planning to final delivery, ensuring your vision is executed efficiently.", bentoComponent: "reveal-icon", icon: Film,
title: "Film Production Consulting", description: "End-to-end production guidance, from script development to final delivery.", icon: Film,
},
{
title: "Distribution Consulting", description: "Strategic roadmap for global distribution, navigating complex markets, securing theatrical or streaming deals, and maximizing audience reach for your project.", bentoComponent: "reveal-icon", icon: Tv,
title: "Distribution Consulting", description: "Strategic roadmap for global distribution and audience reach.", icon: Tv,
},
{
title: "Financing Consulting", description: "Expertise in securing production capital, navigating tax incentives, gap financing, and developing investor decks that resonate with industry stakeholders.", bentoComponent: "reveal-icon", icon: DollarSign,
title: "Financing Consulting", description: "Expertise in securing production capital and navigating incentives.", icon: DollarSign,
},
]}
/>
</div>
<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: "Film Production", href: "/services" },
{ label: "Distribution", href: "/services" },
{ label: "Financing", href: "/services" },
],
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
],
},
]}
/>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webild"
copyrightText="© 2026 | Webild"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}