Merge version_2 into main #2

Merged
bender merged 6 commits from version_2 into main 2026-04-09 00:41:47 +00:00
6 changed files with 64 additions and 83 deletions

View File

@@ -3,43 +3,35 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FooterBase from "@/components/sections/footer/FooterBase";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Rocket } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<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: "Team", id: "/team" },
{ name: "Contact", id: "/#contact" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/#contact" }}
/>
<div className="pt-32 pb-20">
<TestimonialAboutCard
tag="About Us"
title="Driving Digital Excellence"
description="Zeemarke is a premier digital marketing agency focused on creating high-impact digital experiences that drive growth, engagement, and long-term brand loyalty."
subdescription="From custom development to strategic SEO, we bring a wealth of expertise to every project, ensuring your digital presence is not just seen, but felt."
icon={Rocket}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp"
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Driving Digital Excellence" }]}
useInvertedBackground={false}
/>
</div>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Team", href: "/team" }] },
{ title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
{ title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }
{ items: [{ label: "About", href: "/about" }, { label: "Team", href: "/team" }] },
]}
/>
</ReactLenis>

View File

@@ -3,12 +3,12 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function BlogPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
@@ -17,19 +17,19 @@ export default function BlogPage() {
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Contact", href: "/contact" }}
/>
<BlogCardThree
<BlogCardOne
title="Marketing Insights"
description="Latest articles and industry news to help you grow your business."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
blogs={[
{ id: "1", category: "Development", title: "Modern Web Architecture", excerpt: "Scaling your business with modern frameworks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", authorName: "Sarah Miller", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", date: "Oct 24, 2026" },
{ id: "2", category: "Design", title: "UX Best Practices", excerpt: "How to create intuitive user interfaces.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", authorName: "Valentina Reyes", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", date: "Oct 20, 2026" },
]}
/>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
columns={[]}
/>

View File

@@ -4,11 +4,11 @@ import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function ContactPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
@@ -21,9 +21,9 @@ export default function ContactPage() {
<ContactText
text="Get in Touch"
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "Send Message", href: "#" }]}
useInvertedBackground={false}
/>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
columns={[]}
/>

View File

@@ -3,39 +3,39 @@
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 FooterBase from "@/components/sections/footer/FooterBase";
import { ArrowUpRight } from "lucide-react";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function PortfolioPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
<div className="pt-32 pb-20">
<FeatureCardTwentySix
<FeatureCardNine
title="Case Studies"
description="Projects that delivered measurable results for our clients."
showStepNumbers={false}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Client A", description: "Increased revenue by 50%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", buttonIcon: ArrowUpRight },
{ title: "Client B", description: "Brand relaunch success", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", buttonIcon: ArrowUpRight },
{ title: "Client C", description: "Optimized conversion funnel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", buttonIcon: ArrowUpRight },
{ title: "Client A", description: "Increased revenue by 50%", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp" } },
{ title: "Client B", description: "Brand relaunch success", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp" } },
]}
/>
</div>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
]}
columns={[]}
/>
</ReactLenis>
</ThemeProvider>

View File

@@ -3,42 +3,39 @@
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 { Search, Monitor, Zap, Palette, Shield } from "lucide-react";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "/services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
<div className="pt-32 pb-20">
<FeatureBento
<FeatureCardNine
title="Our Digital Marketing Services"
description="Comprehensive solutions to scale your business."
showStepNumbers={false}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "SEO", description: "Rank higher.", bentoComponent: "reveal-icon", icon: Search },
{ title: "Web Development", description: "Fast & responsive.", bentoComponent: "reveal-icon", icon: Monitor },
{ title: "Performance", description: "High speed.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "UI/UX", description: "User-centered design.", bentoComponent: "reveal-icon", icon: Palette },
{ title: "Security", description: "Safe hosting.", bentoComponent: "reveal-icon", icon: Shield },
{ title: "SEO", description: "Rank higher.", phoneOne: { imageSrc: "" }, phoneTwo: { imageSrc: "" } },
{ title: "Web Development", description: "Fast & responsive.", phoneOne: { imageSrc: "" }, phoneTwo: { imageSrc: "" } },
]}
/>
</div>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }] },
]}
columns={[]}
/>
</ReactLenis>
</ThemeProvider>

View File

@@ -3,47 +3,39 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import FooterBase from "@/components/sections/footer/FooterBase";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function TeamPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<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: "Team", id: "/team" },
{ name: "Contact", id: "/#contact" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/#contact" }}
/>
<div className="pt-32 pb-20">
<TeamCardTwo
<TeamCardTen
title="Meet Our Experts"
description="The creative, technical, and strategic minds behind our successful client launches."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
members={[
{ id: "1", name: "Sarah Miller", role: "Lead Developer", description: "Expert in building scalable React applications and modern web architectures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp" },
{ id: "2", name: "Valentina Reyes", role: "Creative Director", description: "Visionary designer creating memorable, high-conversion visual identities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp" },
{ id: "3", name: "Carlos Mendoza", role: "UX Designer", description: "Focused on user-centric design that balances functionality and aesthetic appeal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp" },
]}
tag="Team"
membersAnimation="slide-up"
memberVariant="default"
useInvertedBackground={false}
members={[
{ id: "1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp" },
{ id: "2", name: "Valentina Reyes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp" },
]}
/>
</div>
<FooterBase
<FooterLogoEmphasis
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Team", href: "/team" }] },
{ title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
{ title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }
]}
columns={[]}
/>
</ReactLenis>
</ThemeProvider>