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-09 14:32:34 +00:00
6 changed files with 200 additions and 143 deletions

View File

@@ -5,51 +5,70 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Calculator, DollarSign, PieChart, ShieldCheck, Receipt, BookOpen } from "lucide-react";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Calculator, DollarSign, PieChart, ShieldCheck, Receipt } from "lucide-react";
export default function AIAccountantPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "AI HR", id: "ai-hr" },
{ name: "AI Accountant", id: "ai-accountant" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
<HeroOverlay
title="AI Accountant Solutions"
description="Take control of your finances with automated accounting, expense tracking, and real-time financial reporting."
tag="Financial Intelligence"
tagIcon={Calculator}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
<FeatureBorderGlow
title="Key Benefits"
description="Drive financial precision and efficiency with AI technology."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Receipt, title: "Expense Automation", description: "Automated receipt scanning and categorization for effortless expense reporting." },
{ icon: DollarSign, title: "Smart Tax Preparation", description: "Automated tax planning and filing with real-time regulatory compliance." },
{ icon: PieChart, title: "Financial Forecasting", description: "AI models that predict cash flow and provide actionable growth insights." },
{ icon: ShieldCheck, title: "Audit Protection", description: "Secure, tamper-proof financial logs with built-in audit trails and compliance tracking." },
]}
/>
<ContactCTA title="Ready to Optimize Finances?" description="Get in touch for a demo of our AI Accountant platform." />
<FooterBase
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "AI HR", id: "/ai-hr" },
{ name: "AI Accountant", id: "/ai-accountant" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="AI Accountant Solutions"
description="Take control of your finances with automated accounting, expense tracking, and real-time financial reporting."
tag="Financial Intelligence"
tagIcon={Calculator}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
title="Key Benefits"
description="Drive financial precision and efficiency with AI technology."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Receipt, title: "Expense Automation", description: "Automated receipt scanning and categorization for effortless expense reporting." },
{ icon: DollarSign, title: "Smart Tax Preparation", description: "Automated tax planning and filing with real-time regulatory compliance." },
{ icon: PieChart, title: "Financial Forecasting", description: "AI models that predict cash flow and provide actionable growth insights." },
{ icon: ShieldCheck, title: "Audit Protection", description: "Secure, tamper-proof financial logs with built-in audit trails and compliance tracking." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Contact"
title="Ready to Optimize Finances?"
description="Get in touch for a demo of our AI Accountant platform."
buttons={[{ text: "Contact Us", href: "#" }]}
background={{ variant: "none" }}
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
logoText="Webild"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "AI HR", href: "/ai-hr" }, { label: "AI Accountant", href: "/ai-accountant" }] }

View File

@@ -5,51 +5,70 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { BrainCircuit, Users, FileText, BarChart3, Clock, Lock } from "lucide-react";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { BrainCircuit, Users, FileText, BarChart3, Clock } from "lucide-react";
export default function AIHRPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "AI HR", id: "ai-hr" },
{ name: "AI Accountant", id: "ai-accountant" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
<HeroOverlay
title="AI-Powered HR Management"
description="Automate your human resources processes, from recruitment to performance tracking, with our intelligent AI solutions."
tag="HR Automation"
tagIcon={BrainCircuit}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
<FeatureBorderGlow
title="Key Features"
description="Simplify your operations with these automated tools."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Users, title: "Automated Recruitment", description: "AI-driven resume screening and candidate matching to find the best talent faster." },
{ icon: FileText, title: "Onboarding Automation", description: "Digital document processing and personalized onboarding flows for new employees." },
{ icon: BarChart3, title: "Workforce Analytics", description: "Real-time insights into employee productivity, engagement, and attrition rates." },
{ icon: Clock, title: "Smart Scheduling", description: "Intelligent shift planning and time-off request management." },
]}
/>
<ContactCTA title="Ready to Modernize HR?" description="Talk to us about deploying AI HR solutions in your company." />
<FooterBase
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "AI HR", id: "/ai-hr" },
{ name: "AI Accountant", id: "/ai-accountant" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="AI-Powered HR Management"
description="Automate your human resources processes, from recruitment to performance tracking, with our intelligent AI solutions."
tag="HR Automation"
tagIcon={BrainCircuit}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
title="Key Features"
description="Simplify your operations with these automated tools."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Users, title: "Automated Recruitment", description: "AI-driven resume screening and candidate matching to find the best talent faster." },
{ icon: FileText, title: "Onboarding Automation", description: "Digital document processing and personalized onboarding flows for new employees." },
{ icon: BarChart3, title: "Workforce Analytics", description: "Real-time insights into employee productivity, engagement, and attrition rates." },
{ icon: Clock, title: "Smart Scheduling", description: "Intelligent shift planning and time-off request management." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Contact"
title="Ready to Modernize HR?"
description="Talk to us about deploying AI HR solutions in your company."
buttons={[{ text: "Contact Us", href: "#" }]}
background={{ variant: "none" }}
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
logoText="Webild"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "AI HR", href: "/ai-hr" }, { label: "AI Accountant", href: "/ai-accountant" }] }

View File

@@ -2,38 +2,45 @@
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 FeatureBento from "@/components/sections/feature/FeatureBento";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import ReactLenis from "lenis/react";
export default function AIMangerPage() {
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: "AI Manager", id: "/ai-manager" },
{ name: "AI Sales Director", id: "/ai-sales-director" },
]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "AI Manager", id: "/ai-manager" },
{ name: "AI Sales Director", id: "/ai-sales-director" },
]}
/>
</div>
<div className="pt-32 pb-16 px-6 max-w-5xl mx-auto">
<h1 className="text-5xl font-bold mb-8">AI Manager Solution</h1>
<p className="text-xl mb-12">Our AI Manager solution streamlines operations, automates complex workflows, and provides data-driven decision support for your business infrastructure.</p>
<h2 className="text-3xl font-semibold mb-6">Key Features</h2>
<ul className="list-disc pl-6 space-y-4 mb-12">
<li>Intelligent workflow automation</li>
<li>Predictive resource management</li>
<li>Automated performance monitoring</li>
<li>Real-time operational analytics</li>
</ul>
<h2 className="text-3xl font-semibold mb-6">Use Cases</h2>
<p className="mb-12">From supply chain optimization to internal task management, the AI Manager adapts to your operational needs to save costs and time.</p>
</div>
<FooterBase logoText="Webild" />
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Webild"
columns={[{ items: [{ label: "Home", href: "/" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,38 +2,45 @@
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 FeatureBento from "@/components/sections/feature/FeatureBento";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import ReactLenis from "lenis/react";
export default function AISalesDirectorPage() {
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: "AI Manager", id: "/ai-manager" },
{ name: "AI Sales Director", id: "/ai-sales-director" },
]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "AI Manager", id: "/ai-manager" },
{ name: "AI Sales Director", id: "/ai-sales-director" },
]}
/>
</div>
<div className="pt-32 pb-16 px-6 max-w-5xl mx-auto">
<h1 className="text-5xl font-bold mb-8">AI Sales Director</h1>
<p className="text-xl mb-12">Supercharge your revenue with our AI Sales Director, a tool designed to identify high-potential leads, automate follow-ups, and optimize your sales pipeline.</p>
<h2 className="text-3xl font-semibold mb-6">Benefits</h2>
<ul className="list-disc pl-6 space-y-4 mb-12">
<li>Increase conversion rates through personalized outreach</li>
<li>Reduce sales cycle length with automated nurturing</li>
<li>Real-time pipeline visibility and forecasting</li>
<li>AI-driven sentiment analysis on customer interactions</li>
</ul>
<h2 className="text-3xl font-semibold mb-6">Use Cases</h2>
<p className="mb-12">Ideal for scaling teams needing better lead qualification or enterprises looking to optimize high-volume outbound sales.</p>
</div>
<FooterBase logoText="Webild" />
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Webild"
columns={[{ items: [{ label: "Home", href: "/" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -6,7 +6,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactText from "@/components/sections/contact/ContactText";
import Textarea from "@/components/form/Textarea";
import FooterBase from "@/components/sections/footer/FooterBase";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function BookingPage() {
const [auditRequest, setAuditRequest] = useState("");
@@ -21,28 +21,33 @@ export default function BookingPage() {
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: "Services", id: "/#services" },
{ name: "About", id: "/#about" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/#contact" },
]}
button={{ text: "Book Now", href: "/booking" }}
/>
<main className="pt-32 pb-16">
<ContactText
text="Book Your Process Audit & Prototype Demo"
background={{ variant: "canvas-reveal" }}
className="mb-12"
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/#work" },
{ name: "Services", id: "/#services" },
{ name: "About", id: "/#about" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/#contact" },
]}
button={{ text: "Book Now", href: "/booking" }}
/>
</div>
<main className="pt-32 pb-16">
<div id="contact-text" data-section="contact-text">
<ContactText
text="Book Your Process Audit & Prototype Demo"
background={{ variant: "canvas-reveal" }}
useInvertedBackground={false}
className="mb-12"
/>
</div>
<div className="max-w-3xl mx-auto p-8 bg-white/5 rounded-3xl backdrop-blur-md">
<div className="space-y-6">
<h2 className="text-2xl font-semibold">Process Audit Details</h2>
@@ -63,15 +68,15 @@ export default function BookingPage() {
</div>
</div>
</main>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Company", items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
{ title: "Services", items: [{ label: "Web Development", href: "/booking" }, { label: "SEO", href: "/booking" }] },
{ title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
]}
/>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Webild"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
{ items: [{ label: "Web Development", href: "/booking" }, { label: "SEO", href: "/booking" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -18,7 +18,7 @@ const inter = Inter({
subsets: ["latin"],
});
export const metadata: Metadata = { title: 'Webild Agency | Premium Web Design & Digital Strategy', description: 'Elevate your brand with Webild Agency. We craft high-performance, custom websites and digital experiences designed to scale your business and captivate audiences.' };
export const metadata: Metadata = { title: 'Webild - AI Solutions', description: 'Enterprise-grade AI solutions for modern business operations.' };
export default function RootLayout({
children,