Update src/app/page.tsx

Merge version_1 into main
2026-03-10 17:52:30 +00:00 · 2026-03-10 17:35:15 +00:00 · 2026-03-10 17:35:13 +00:00 · 2026-03-10 17:09:44 +00:00
1 changed files with 45 additions and 24 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,18 +1,23 @@
 "use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { Bot, Zap, Code, Briefcase, DollarSign, MessageCircle, Sparkles, Crown } from 'lucide-react';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import ContactText from "@/components/sections/contact/ContactText";
+import ContactForm from "@/components/form/ContactForm";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Bot, Zap, Code, Briefcase, DollarSign, MessageCircle, Sparkles, Crown, Mail } from "lucide-react";

 export default function LandingPage() {
+  const handleContactSubmit = (email: string) => {
+    console.log("Email submitted:", email);
+  };
+
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
@@ -20,7 +25,7 @@ export default function LandingPage() {
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
@@ -33,6 +38,7 @@ export default function LandingPage() {
            { name: "Skills", id: "skills" },
            { name: "Projects", id: "projects" },
            { name: "Services", id: "services" },
+            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
@@ -47,7 +53,7 @@ export default function LandingPage() {
            { text: "View Projects", href: "#projects" }
          ]}
          background={{ variant: "sparkles-gradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/a-sleek-ai-automation-dashboard-interfac-1773162535386-cced96f8.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/a-sleek-ai-automation-dashboard-interfac-1773160249469-1e7c00d4.png"
          imageAlt="AI automation dashboard interface"
          frameStyle="browser"
          mediaAnimation="slide-up"
@@ -63,7 +69,7 @@ export default function LandingPage() {
          description="Nitesh Nadar"
          subdescription="AI Automation Specialist | Workflow Architect | Full-Stack Developer"
          icon={Bot}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-portrait-of-a-19-year-old-i-1773162535601-3fef76b7.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-portrait-of-a-19-year-old-i-1773160250463-5a8f5601.jpg"
          imageAlt="Nitesh Nadar - AI Automation Expert"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
@@ -82,15 +88,15 @@ export default function LandingPage() {
          features={[
            {
              id: "1",              title: "Workflow Automation & Orchestration",              author: "n8n • Zapier • Make • OpenAI API",              description: "Design complex, multi-step workflows that integrate APIs, databases, and AI models for seamless end-to-end automation.",              tags: ["Workflow Design", "API Integration", "Process Automation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/screenshot-of-an-advanced-automation-wor-1773162535265-eab3c66f.png",              imageAlt: "Workflow automation interface"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/screenshot-of-an-advanced-automation-wor-1773160249727-d8171ed9.png?_wi=1",              imageAlt: "Workflow automation interface"
            },
            {
              id: "2",              title: "AI-Powered Integration",              author: "LangChain • OpenAI • Claude • LLMs",              description: "Integrate cutting-edge LLMs and AI models into automated workflows for intelligent decision-making and content generation.",              tags: ["LLM Integration", "AI Chains", "NLP Processing"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/visual-of-an-ai-powered-customer-support-1773162535047-1cc97521.png",              imageAlt: "AI integration interface"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/visual-of-an-ai-powered-customer-support-1773160250456-c2c748ea.png?_wi=1",              imageAlt: "AI integration interface"
            },
            {
              id: "3",              title: "Content & Data Automation",              author: "Python • Data Processing • Scheduling",              description: "Build systems that automatically generate, process, and manage content at scale using Python and intelligent scheduling.",              tags: ["Content Generation", "Data Processing", "Automation Scripts"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/content-generation-automation-dashboard--1773162538205-e40fcd0e.png",              imageAlt: "Content automation dashboard"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/content-generation-automation-dashboard--1773160249825-9368e11f.jpg?_wi=1",              imageAlt: "Content automation dashboard"
            }
          ]}
        />
@@ -110,15 +116,15 @@ export default function LandingPage() {
          products={[
            {
              id: "1",              brand: "E-Commerce Automation",              name: "Order Processing & Fulfillment Automation",              price: "Cost Saved: $15K/month",              rating: 5,
-              reviewCount: "3 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/screenshot-of-an-advanced-automation-wor-1773162535265-eab3c66f.png",              imageAlt: "E-commerce automation workflow"
+              reviewCount: "3 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/screenshot-of-an-advanced-automation-wor-1773160249727-d8171ed9.png?_wi=2",              imageAlt: "E-commerce automation workflow"
            },
            {
              id: "2",              brand: "AI Support Systems",              name: "24/7 Intelligent Customer Support Bot",              price: "Response Time: <30s",              rating: 5,
-              reviewCount: "5 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/visual-of-an-ai-powered-customer-support-1773162535047-1cc97521.png",              imageAlt: "AI customer support system"
+              reviewCount: "5 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/visual-of-an-ai-powered-customer-support-1773160250456-c2c748ea.png?_wi=2",              imageAlt: "AI customer support system"
            },
            {
              id: "3",              brand: "Content Marketing",              name: "Automated Content Pipeline with AI Generation",              price: "Output: 100+ posts/month",              rating: 5,
-              reviewCount: "4 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/content-generation-automation-dashboard--1773162538205-e40fcd0e.png",              imageAlt: "Content automation system"
+              reviewCount: "4 clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/content-generation-automation-dashboard--1773160249825-9368e11f.jpg?_wi=2",              imageAlt: "Content automation system"
            }
          ]}
        />
@@ -171,16 +177,16 @@ export default function LandingPage() {
          carouselMode="buttons"
          testimonials={[
            {
-              id: "1",              name: "Rajesh Patel",              role: "Founder & CEO",              testimonial: "Nitesh automated our entire order processing system. We went from 2 hours per order to fully automated in seconds. Best investment we made this year.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-an-indian-start-1773162534357-75f0fa18.png",              imageAlt: "Rajesh Patel"
+              id: "1",              name: "Rajesh Patel",              role: "Founder & CEO",              testimonial: "Nitesh automated our entire order processing system. We went from 2 hours per order to fully automated in seconds. Best investment we made this year.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-an-indian-start-1773160249952-b9c0c167.jpg",              imageAlt: "Rajesh Patel"
            },
            {
-              id: "2",              name: "Priya Sharma",              role: "Operations Manager",              testimonial: "The AI-powered chatbot Nitesh built handles 80% of our support tickets autonomously. Our response time dropped from 4 hours to instant, and satisfaction scores went up 35%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-young-female--1773162534107-2c3ac725.png",              imageAlt: "Priya Sharma"
+              id: "2",              name: "Priya Sharma",              role: "Operations Manager",              testimonial: "The AI-powered chatbot Nitesh built handles 80% of our support tickets autonomously. Our response time dropped from 4 hours to instant, and satisfaction scores went up 35%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-young-female--1773160250696-5e06cd2e.png",              imageAlt: "Priya Sharma"
            },
            {
-              id: "3",              name: "Arjun Singh",              role: "Freelance Digital Agency Owner",              testimonial: "Working with Nitesh to build our content automation pipeline was game-changing. We now deliver 10x more content to clients without increasing our team size.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-technical-fre-1773162535020-efd882b1.png",              imageAlt: "Arjun Singh"
+              id: "3",              name: "Arjun Singh",              role: "Freelance Digital Agency Owner",              testimonial: "Working with Nitesh to build our content automation pipeline was game-changing. We now deliver 10x more content to clients without increasing our team size.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-technical-fre-1773160252657-18e7d5bb.png",              imageAlt: "Arjun Singh"
            },
            {
-              id: "4",              name: "Vikram Desai",              role: "Enterprise Operations Director",              testimonial: "Nitesh's enterprise automation solution saved us $200K annually in operational costs. His technical depth and communication are exceptional. Highly recommended.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-business-auto-1773162538307-4a43b1dc.png",              imageAlt: "Vikram Desai"
+              id: "4",              name: "Vikram Desai",              role: "Enterprise Operations Director",              testimonial: "Nitesh's enterprise automation solution saved us $200K annually in operational costs. His technical depth and communication are exceptional. Highly recommended.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlDtGm40AzPLbS3eN5Ks7lI3PN/professional-headshot-of-a-business-auto-1773160250053-40a6d2d2.png",              imageAlt: "Vikram Desai"
            }
          ]}
        />
@@ -190,7 +196,7 @@ export default function LandingPage() {
        <ContactText
          text="Ready to automate your business and eliminate manual work? Let's build intelligent systems that scale your operations."
          animationType="entrance-slide"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Start Your Automation Journey", href: "#contact-form" },
@@ -199,6 +205,21 @@ export default function LandingPage() {
        />
      </div>

+      <div id="contact-form" data-section="contact-form">
+        <ContactForm
+          title="Get in Touch"
+          description="Let's discuss how I can automate your workflows and scale your operations. Send me a message and I'll respond within 24 hours."
+          tag="Contact Me"
+          tagIcon={Mail}
+          inputPlaceholder="Enter your email"
+          buttonText="Send Message"
+          termsText="I'll get back to you within 24 hours. We respect your privacy."
+          onSubmit={handleContactSubmit}
+          centered={true}
+          useInvertedBackground={false}
+        />
+      </div>
+
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Nitesh Nadar"
Author	SHA1	Message	Date
bender	696169e40c	Update src/app/page.tsx	2026-03-10 17:52:30 +00:00
bender	8695872b8b	Merge version_1 into main Merge version_1 into main	2026-03-10 17:35:15 +00:00
bender	909b77c435	Update src/app/page.tsx	2026-03-10 17:35:13 +00:00
bender	b3f7a5b7e8	Merge version_1 into main Merge version_1 into main	2026-03-10 17:09:44 +00:00