bender/a0e5a061-b51d-40e3-9136-ee15d8994765
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1782313398366 into main #5

Merged
bender merged 1 commits from version_2_1782313398366 into main 2026-06-24 15:05:48 +00:00
Conversation 0 Commits 1 Files Changed 10 +269 -142
10 changed files with 269 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
src/pages/HomePage.tsx
View File

@@ -1,153 +1,38 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
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 MetricsSection from './HomePage/sections/Metrics';
import ServicesSection from './HomePage/sections/Services';
import AboutSection from './HomePage/sections/About';
import ProductsSection from './HomePage/sections/Products';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
import TrustSection from './HomePage/sections/Trust';export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Technology & Talent Consulting"
title="Innovating Technology, Delivering Excellence"
description="ALNICO VANTEX empowers your digital infrastructure with premium technology & expert talent solutions."
primaryButton={{ text: "Explore Services", href: "#services" }}
secondaryButton={{ text: "Contact Us", href: "#contact" }}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Our Impact"
title="Trusted Excellence"
description="Demonstrating our commitment to service and quality."
metrics={[
{ icon: "Briefcase", title: "Expertise Areas", value: "5" },
{ icon: "Building2", title: "Businesses Served", value: "100+" },
{ icon: "Clock", title: "Support Availability", value: "24/7" },
{ icon: "MapPin", title: "Kannur HQ", value: "India" },
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Core Services"
title="Specialized Solutions"
description="Delivering high-performance technology for your business growth."
items={[
{ title: "Digital Transformation", description: "Innovating business processes through advanced digital infrastructure.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/vector-icon-science-biology-physics-chemical-logos-laboratory-identity-atoms_9975-8158.jpg" },
{ title: "Hardware Solutions", description: "Comprehensive procurement, setup, and maintenance for enterprise hardware.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" },
{ title: "Software Development", description: "Custom applications, ERP, POS, and automation workflows.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-abbreviation-ai_53876-165239.jpg" },
{ title: "Security Systems", description: "State-of-the-art CCTV and surveillance solutions.", href: "#", imageSrc: "http://img.b2bpic.net/free-psd/home-security-surveillance-cctv-camera-icon-isolated-3d-render-illustration_47987-6470.jpg" },
{ title: "Talent Hiring", description: "Professional recruitment and staffing for key business roles.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149349622.jpg" },
{ title: "Cloud Consulting", description: "Scalable cloud strategies tailored for your business.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg" },
{ title: "Managed Services", description: "24/7 monitoring and operational management.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<TrustSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Why ALNICO VANTEX?"
title="Partnering for Success"
description="We blend global standards with localized insights to drive outstanding outcomes."
items={[
{ icon: "Zap", title: "Single-Partner Simplicity", description: "Streamlined, end-to-end management for all your tech needs." },
{ icon: "Globe", title: "Kerala-Rooted World-Class", description: "Global quality standards applied within local context." },
{ icon: "Target", title: "Outcome-Driven Approach", description: "Focused metrics-driven results that accelerate growth." }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797681.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesBento
tag="Featured Product"
title="RobAd AI-In-Store Marketing"
description="Transform retail engagement with smart AI-driven analytics."
features={[
{
title: "Real-time Intelligence", description: "Capturing shopper insights and behavior patterns.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Eye", label: "Human Detection", value: "100%" },
{ icon: "BarChart3", label: "Accuracy", value: "99%" },
{ icon: "Wifi", label: "Connectivity", value: "IoT" }
]
},
{
title: "Engagement Features", description: "Interactive sound and light-based marketing.", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg?_wi=2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-working-environment-projects_23-2148829261.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg" }
]
},
{
title: "Analytics Dashboard", description: "Actionable data visualization for growth.", bentoComponent: "animated-bar-chart"
}
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="ALNICO VANTEX transformed our retail operations. Their technology solutions are industry-leading."
rating={5}
author="Retail Director, Kannur"
avatars={[
{ name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
{ name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg" },
{ name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
{ name: "Marcus B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-together_23-2149145127.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="FAQ"
title="Frequently Asked Questions"
description="Everything you need to know about ALNICO VANTEX."
items={[
{ question: "What services do you provide?", answer: "We offer digital transformation, hardware procurement, software, security, and talent hiring services." },
{ question: "Where are you based?", answer: "We are proudly headquartered in Kannur, Kerala." },
{ question: "How do I request a quote?", answer: "Click the contact button on any page or email us at infoalnicosolutions@gmail.com." },
{ question: "Does RobAd AI include a warranty?", answer: "Yes, all RobAd devices come with a full 1-year comprehensive warranty." }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg"
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact Us"
text="Ready to innovate your digital infrastructure? Let's talk."
primaryButton={{ text: "Email Us", href: "mailto:infoalnicosolutions@gmail.com" }}
secondaryButton={{ text: "Call +91 92490 29201", href: "tel:+919249029201" }}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}
}

26
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,26 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Why ALNICO VANTEX?"
title="Partnering for Success"
description="We blend global standards with localized insights to drive outstanding outcomes."
items={[
{ icon: "Zap", title: "Single-Partner Simplicity", description: "Streamlined, end-to-end management for all your tech needs." },
{ icon: "Globe", title: "Kerala-Rooted World-Class", description: "Global quality standards applied within local context." },
{ icon: "Target", title: "Outcome-Driven Approach", description: "Focused metrics-driven results that accelerate growth." }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797681.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

21
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact Us"
text="Ready to innovate your digital infrastructure? Let's talk."
primaryButton={{ text: "Email Us", href: "mailto:infoalnicosolutions@gmail.com" }}
secondaryButton={{ text: "Call +91 92490 29201", href: "tel:+919249029201" }}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Faq.tsx Normal file
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 "faq" section.
import React from 'react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="FAQ"
title="Frequently Asked Questions"
description="Everything you need to know about ALNICO VANTEX."
items={[
{ question: "What services do you provide?", answer: "We offer digital transformation, hardware procurement, software, security, and talent hiring services." },
{ question: "Where are you based?", answer: "We are proudly headquartered in Kannur, Kerala." },
{ question: "How do I request a quote?", answer: "Click the contact button on any page or email us at infoalnicosolutions@gmail.com." },
{ question: "Does RobAd AI include a warranty?", answer: "Yes, all RobAd devices come with a full 1-year comprehensive warranty." }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

23
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,23 @@
// 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Technology & Talent Consulting"
title="Innovating Technology, Delivering Excellence"
description="ALNICO VANTEX empowers your digital infrastructure with premium technology & expert talent solutions."
primaryButton={{ text: "Explore Services", href: "#services" }}
secondaryButton={{ text: "Contact Us", href: "#contact" }}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
);
}

26
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,26 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Our Impact"
title="Trusted Excellence"
description="Demonstrating our commitment to service and quality."
metrics={[
{ icon: "Briefcase", title: "Expertise Areas", value: "5" },
{ icon: "Building2", title: "Businesses Served", value: "100+" },
{ icon: "Clock", title: "Support Availability", value: "24/7" },
{ icon: "MapPin", title: "Kannur HQ", value: "India" },
]}
/>
</SectionErrorBoundary>
</div>
);
}

39
src/pages/HomePage/sections/Products.tsx Normal file
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 "products" section.
import React from 'react';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesBento
tag="Featured Product"
title="RobAd AI-In-Store Marketing"
description="Transform retail engagement with smart AI-driven analytics."
features={[
{
title: "Real-time Intelligence", description: "Capturing shopper insights and behavior patterns.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Eye", label: "Human Detection", value: "100%" },
{ icon: "BarChart3", label: "Accuracy", value: "99%" },
{ icon: "Wifi", label: "Connectivity", value: "IoT" }
]
},
{
title: "Engagement Features", description: "Interactive sound and light-based marketing.", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg?_wi=2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-working-environment-projects_23-2148829261.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg" }
]
},
{
title: "Analytics Dashboard", description: "Actionable data visualization for growth.", bentoComponent: "animated-bar-chart"
}
]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/Services.tsx Normal file
View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Core Services"
title="Specialized Solutions"
description="Delivering high-performance technology for your business growth."
items={[
{ title: "Digital Transformation", description: "Innovating business processes through advanced digital infrastructure.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/vector-icon-science-biology-physics-chemical-logos-laboratory-identity-atoms_9975-8158.jpg" },
{ title: "Hardware Solutions", description: "Comprehensive procurement, setup, and maintenance for enterprise hardware.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" },
{ title: "Software Development", description: "Custom applications, ERP, POS, and automation workflows.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-abbreviation-ai_53876-165239.jpg" },
{ title: "Security Systems", description: "State-of-the-art CCTV and surveillance solutions.", href: "#", imageSrc: "http://img.b2bpic.net/free-psd/home-security-surveillance-cctv-camera-icon-isolated-3d-render-illustration_47987-6470.jpg" },
{ title: "Talent Hiring", description: "Professional recruitment and staffing for key business roles.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149349622.jpg" },
{ title: "Cloud Consulting", description: "Scalable cloud strategies tailored for your business.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-electronics-logo-templates_23-2148985012.jpg" },
{ title: "Managed Services", description: "24/7 monitoring and operational management.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Testimonials.tsx Normal file
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 "testimonials" section.
import React from 'react';
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="ALNICO VANTEX transformed our retail operations. Their technology solutions are industry-leading."
rating={5}
author="Retail Director, Kannur"
avatars={[
{ name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
{ name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg" },
{ name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
{ name: "Marcus B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-together_23-2149145127.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
);
}

24
src/pages/HomePage/sections/Trust.tsx Normal file
View File

@@ -0,0 +1,24 @@
import { motion } from "motion/react";
import ScrollReveal from "@/components/ui/ScrollReveal";
export default function Trust() {
return (
<section data-webild-section="trust" className="relative w-full py-24 bg-background">
<div className="w-content-width mx-auto">
<ScrollReveal variant="fade">
<div className="text-center mb-12">
<h2 className="text-3xl font-bold text-foreground">Trusted By</h2>
<p className="text-accent mt-4">Partnering with industry leaders to deliver excellence.</p>
</div>
<div className="flex justify-center items-center gap-8 flex-wrap">
<img
src="https://storage.googleapis.com/webild/users/user_3FaTclEBo0Q4cg3GIaBxmfJGCXr/uploaded-1782313396950-t2jpa9eg.png"
alt="Trusted Company Logo"
className="h-24 object-contain opacity-80 hover:opacity-100 transition-opacity"
/>
</div>
</ScrollReveal>
</div>
</section>
);
}