Merge version_2_1781626474717 into main #1

Merged
bender merged 1 commits from version_2_1781626474717 into main 2026-06-16 16:16:35 +00:00
10 changed files with 373 additions and 271 deletions

View File

@@ -1,5 +1,5 @@
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
import NavbarInline from '@/components/ui/NavbarInline';
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import { Outlet } from 'react-router-dom';
@@ -41,8 +41,9 @@ export default function Layout() {
<StyleProvider buttonVariant="magnetic" siteBackground="gridDots" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarInline
<NavbarFloatingLogo
logo="TECHNICAL WAVES"
logoImageSrc="https://storage.googleapis.com/webild/users/user_3FDry71eUEUbnei9wDUxxDYWRJG/uploaded-1781625797408-fekx7j6y.webp"
ctaButton={{
text: "BOOK DEMO",
href: "#contact-form",

View File

@@ -1,281 +1,36 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import { Shield, TrendingUp, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import ProblemSection from './HomePage/sections/Problem';
import CaseStudiesSection from './HomePage/sections/CaseStudies';
import PricingSection from './HomePage/sections/Pricing';
import RoiCalculatorSection from './HomePage/sections/RoiCalculator';
import TeamSection from './HomePage/sections/Team';
import TestimonialSection from './HomePage/sections/Testimonial';
import ContactFormSection from './HomePage/sections/ContactForm';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="PREMIUM AI SOLUTIONS"
title="TECHNICAL WAVES"
description="Enterprise-grade AI systems for autonomous operational scaling."
primaryButton={{
text: "TEST CALCULATOR",
href: "#roi-calculator",
}}
secondaryButton={{
text: "VIEW TIERS",
href: "#pricing",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/curvy-creative-abstract-wavy-effects-color-curves-flow-minimalist-luxury-stylish-trendy-colorful-wav_1258-150874.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90610.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-abstract-background-with-glowing-neon-lights_181624-19426.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=k3rzsv",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="problem" data-section="problem">
<SectionErrorBoundary name="problem">
<AboutFeaturesSplit
tag="THE INFRASTRUCTURE"
title="From Manual Chaos to Automated Utopia"
description="We replace exhaustive administrative labor with sub-600ms voice qualifying and operational pipelines."
items={[
{
icon: Zap,
title: "Automated Workflows",
description: "End-to-end automation of lead triage.",
},
{
icon: Shield,
title: "Ironclad Compliance",
description: "Full DPDP Act 2023 adherence.",
},
{
icon: TrendingUp,
title: "Scale Revenue",
description: "Systematic growth logic.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-glowing-yellow-laser-lights-perfect-backgrounds_181624-32705.jpg"
/>
</SectionErrorBoundary>
</div>
<ProblemSection />
<div id="case-studies" data-section="case-studies">
<SectionErrorBoundary name="case-studies">
<FeaturesDetailedSteps
tag="CASE STUDIES"
title="Module Operatives"
description="Real-time AI dashboards in action."
steps={[
{
tag: "Module 01",
title: "Pipeline Triage",
subtitle: "Automated Scoring",
description: "Real-time candidate profile scoring and ingestion.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",
},
{
tag: "Module 02",
title: "Voice Module",
subtitle: "Telephony Systems",
description: "Automated qualification calls with intent verification.",
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
},
{
tag: "Module 03",
title: "Data Sync",
subtitle: "API Integrations",
description: "Cross-platform data synchronization logs.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<CaseStudiesSection />
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingCenteredCards
tag="INVESTMENT"
title="Enterprise Operations"
description="Select your infrastructure level."
plans={[
{
tag: "Starter",
price: "₹30,000",
description: "Core setup for small teams.",
features: [
"200 docs parsed",
"CRM setups",
"Summary notices",
],
primaryButton: {
text: "Get Started",
href: "#contact-form",
},
},
{
tag: "Growth",
price: "₹50,000",
description: "Scale pipelines effortlessly.",
features: [
"Unlimited parsing",
"4 cinematic files",
"Chat integration",
],
primaryButton: {
text: "Select Growth",
href: "#contact-form",
},
},
{
tag: "Elite",
price: "₹1,20,000",
description: "Custom architectures.",
features: [
"Custom apps",
"API integrations",
"Priority support",
],
primaryButton: {
text: "Deploy Now",
href: "#contact-form",
},
},
]}
/>
</SectionErrorBoundary>
</div>
<PricingSection />
<div id="roi-calculator" data-section="roi-calculator">
<SectionErrorBoundary name="roi-calculator">
<MetricsSimpleCards
tag="ROI ENGINE"
title="Interactive Performance Matrix"
description="Calculate your overhead retention today."
metrics={[
{
value: "90%",
description: "Overhead Retention",
},
{
value: "24/7",
description: "Operational Uptime",
},
{
value: "0ms",
description: "Response Latency",
},
]}
/>
</SectionErrorBoundary>
</div>
<RoiCalculatorSection />
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamProfileCards
tag="FOUNDING PARTNERS"
title="The Ahmedabad Node"
description="Strategic minds behind Technical Waves."
items={[
{
title: "Lav",
description: "Strategic Architect",
avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-85913.jpg",
},
{
title: "Jenil",
description: "Operational Lead",
avatarSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-regretful_114579-15074.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
},
{
title: "Dveep",
description: "Infrastructure Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9539.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TeamSection />
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<TestimonialMarqueeCards
tag="TRUSTED BY"
title="Partnerships in Action"
description="Client success stories."
testimonials={[
{
name: "Client A",
role: "CEO",
quote: "Exceptional ROI and efficiency.",
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797732.jpg",
},
{
name: "Client B",
role: "Director",
quote: "Technical Waves transformed our workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg",
},
{
name: "Client C",
role: "Founder",
quote: "The automation is flawless.",
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg",
},
{
name: "Client D",
role: "COO",
quote: "Game-changing AI implementation.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-business-meeting-working-room-executive-office_105762-1997.jpg",
},
{
name: "Client E",
role: "Manager",
quote: "Reliable and high-end.",
imageSrc: "http://img.b2bpic.net/free-photo/blurry-view-white-armchairs_1203-1504.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialSection />
<div id="contact-form" data-section="contact-form">
<SectionErrorBoundary name="contact-form">
<ContactCta
tag="GET STARTED"
text="Book your system demo with the Technical Waves core team."
primaryButton={{
text: "CONTACT US",
href: "mailto:technicalwaves16@gmail.com",
}}
secondaryButton={{
text: "SUPPORT",
href: "mailto:technicalwaves16@gmail.com",
}}
/>
</SectionErrorBoundary>
</div>
<ContactFormSection />
</>
);
}

View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "case-studies" section.
import React from 'react';
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function CaseStudiesSection(): React.JSX.Element {
return (
<div id="case-studies" data-section="case-studies">
<SectionErrorBoundary name="case-studies">
<FeaturesDetailedSteps
tag="CASE STUDIES"
title="Module Operatives"
description="Real-time AI dashboards in action."
steps={[
{
tag: "Module 01",
title: "Pipeline Triage",
subtitle: "Automated Scoring",
description: "Real-time candidate profile scoring and ingestion.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",
},
{
tag: "Module 02",
title: "Voice Module",
subtitle: "Telephony Systems",
description: "Automated qualification calls with intent verification.",
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
},
{
tag: "Module 03",
title: "Data Sync",
subtitle: "API Integrations",
description: "Cross-platform data synchronization logs.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact-form" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactFormSection(): React.JSX.Element {
return (
<div id="contact-form" data-section="contact-form">
<SectionErrorBoundary name="contact-form">
<ContactCta
tag="GET STARTED"
text="Book your system demo with the Technical Waves core team."
primaryButton={{
text: "CONTACT US",
href: "mailto:technicalwaves16@gmail.com",
}}
secondaryButton={{
text: "SUPPORT",
href: "mailto:technicalwaves16@gmail.com",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,44 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="PREMIUM AI SOLUTIONS"
title="TECHNICAL WAVES"
description="Enterprise-grade AI systems for autonomous operational scaling."
primaryButton={{
text: "TEST CALCULATOR",
href: "#roi-calculator",
}}
secondaryButton={{
text: "VIEW TIERS",
href: "#pricing",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/curvy-creative-abstract-wavy-effects-color-curves-flow-minimalist-luxury-stylish-trendy-colorful-wav_1258-150874.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90610.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-abstract-background-with-glowing-neon-lights_181624-19426.jpg",
},
{
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=k3rzsv",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingCenteredCards
tag="INVESTMENT"
title="Enterprise Operations"
description="Select your infrastructure level."
plans={[
{
tag: "Starter",
price: "₹30,000",
description: "Core setup for small teams.",
features: [
"200 docs parsed",
"CRM setups",
"Summary notices",
],
primaryButton: {
text: "Get Started",
href: "#contact-form",
},
},
{
tag: "Growth",
price: "₹50,000",
description: "Scale pipelines effortlessly.",
features: [
"Unlimited parsing",
"4 cinematic files",
"Chat integration",
],
primaryButton: {
text: "Select Growth",
href: "#contact-form",
},
},
{
tag: "Elite",
price: "₹1,20,000",
description: "Custom architectures.",
features: [
"Custom apps",
"API integrations",
"Priority support",
],
primaryButton: {
text: "Deploy Now",
href: "#contact-form",
},
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "problem" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Shield, TrendingUp, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProblemSection(): React.JSX.Element {
return (
<div id="problem" data-section="problem">
<SectionErrorBoundary name="problem">
<AboutFeaturesSplit
tag="THE INFRASTRUCTURE"
title="From Manual Chaos to Automated Utopia"
description="We replace exhaustive administrative labor with sub-600ms voice qualifying and operational pipelines."
items={[
{
icon: Zap,
title: "Automated Workflows",
description: "End-to-end automation of lead triage.",
},
{
icon: Shield,
title: "Ironclad Compliance",
description: "Full DPDP Act 2023 adherence.",
},
{
icon: TrendingUp,
title: "Scale Revenue",
description: "Systematic growth logic.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-glowing-yellow-laser-lights-perfect-backgrounds_181624-32705.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "roi-calculator" section.
import React from 'react';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function RoiCalculatorSection(): React.JSX.Element {
return (
<div id="roi-calculator" data-section="roi-calculator">
<SectionErrorBoundary name="roi-calculator">
<MetricsSimpleCards
tag="ROI ENGINE"
title="Interactive Performance Matrix"
description="Calculate your overhead retention today."
metrics={[
{
value: "90%",
description: "Overhead Retention",
},
{
value: "24/7",
description: "Operational Uptime",
},
{
value: "0ms",
description: "Response Latency",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamProfileCards
tag="FOUNDING PARTNERS"
title="The Ahmedabad Node"
description="Strategic minds behind Technical Waves."
items={[
{
title: "Lav",
description: "Strategic Architect",
avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-85913.jpg",
},
{
title: "Jenil",
description: "Operational Lead",
avatarSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-regretful_114579-15074.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
},
{
title: "Dveep",
description: "Infrastructure Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9539.jpg",
buttonText: "View Bio",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonial" section.
import React from 'react';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialSection(): React.JSX.Element {
return (
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<TestimonialMarqueeCards
tag="TRUSTED BY"
title="Partnerships in Action"
description="Client success stories."
testimonials={[
{
name: "Client A",
role: "CEO",
quote: "Exceptional ROI and efficiency.",
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797732.jpg",
},
{
name: "Client B",
role: "Director",
quote: "Technical Waves transformed our workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg",
},
{
name: "Client C",
role: "Founder",
quote: "The automation is flawless.",
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg",
},
{
name: "Client D",
role: "COO",
quote: "Game-changing AI implementation.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-business-meeting-working-room-executive-office_105762-1997.jpg",
},
{
name: "Client E",
role: "Manager",
quote: "Reliable and high-end.",
imageSrc: "http://img.b2bpic.net/free-photo/blurry-view-white-armchairs_1203-1504.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}