Merge version_2_1781785331995 into main
Merge version_2_1781785331995 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -22,18 +22,6 @@ export default function Layout() {
|
||||
{
|
||||
"name": "Contact Us",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Pricing",
|
||||
"href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
|
||||
@@ -42,7 +30,7 @@ export default function Layout() {
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloating
|
||||
logo="Kovrin"
|
||||
logo="Kovrin Software Solutions"
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
|
||||
@@ -5,13 +5,13 @@
|
||||
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #f5faff;
|
||||
--card: #ffffff;
|
||||
--foreground: #001122;
|
||||
--background: #1e293b;
|
||||
--card: #334155;
|
||||
--foreground: #f8fafc;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #001122;
|
||||
--secondary-cta: #475569;
|
||||
--secondary-cta-text: #f8fafc;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
|
||||
|
||||
@@ -1,308 +1,39 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Award, Shield, Target, TrendingUp, Users, 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 AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import SocialSection from './HomePage/sections/Social';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Innovative Tech Partner"
|
||||
title="Scaling Businesses Through Automation & AI"
|
||||
description="Kovrin Software Solutions empowers your brand with bespoke software development and intelligent automation systems designed for exponential growth."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641481.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-126438.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-holographic-infographic-element-collection_52683-11657.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Kovrin"
|
||||
title="Built for Modern Scalability"
|
||||
description="At Kovrin, we blend human-centric design with powerful engineering. Whether you're a local small business or an enterprise project, our solutions are built to simplify your workflows and amplify your revenue."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Deployment",
|
||||
description: "We cut development time without compromising quality.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security",
|
||||
description: "High-standard protection for your sensitive business data.",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Scalable Automation",
|
||||
description: "Systems that grow as your customer base expands.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-startup-entrepreneur-uses-digital-materials-analytics_482257-126228.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Expertise"
|
||||
title="End-to-End Software Solutions"
|
||||
description="We deliver high-quality technology solutions tailored to your unique requirements."
|
||||
items={[
|
||||
{
|
||||
title: "App Development",
|
||||
description: "Native and cross-platform mobile apps.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-showing-colorful-icons_1134-392.jpg",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "High-performance, responsive web platforms.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-program-coding-screen_53876-138060.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Solutions",
|
||||
description: "Custom LLMs and automation intelligence.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-chip-technology-concept_53876-133724.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lead Generation",
|
||||
description: "AI-driven outreach that finds real prospects.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-development-operations-system-concept_107791-17423.jpg",
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Optimization and proactive bug resolution.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004302.jpg",
|
||||
},
|
||||
{
|
||||
title: "Business Automation",
|
||||
description: "Removing manual bottlenecks for efficiency.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977493.jpg",
|
||||
},
|
||||
{
|
||||
title: "API Integration",
|
||||
description: "Connecting your tech stack for seamless flow.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/software-developer-concept-idea-programming-coding-system-development-digital-technology-software-developing-company-writing-code-isolated-vector-illustration_613284-2895.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Results You Can Measure"
|
||||
description="Evidence-backed efficiency and growth for every partner."
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Productivity Increase",
|
||||
value: "45%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Projects Delivered",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Transparent Pricing"
|
||||
title="Growth-First Plans"
|
||||
description="Flexible pricing for every business size and need."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "$1,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Custom Web Portal",
|
||||
"Monthly Updates",
|
||||
"Security Audits",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$3,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"AI Automation Suite",
|
||||
"24/7 Priority Support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PricingSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Success"
|
||||
title="Voices of Growth"
|
||||
description="Companies choosing Kovrin as their technology partner."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
quote: "The AI automation Kovrin built saved us 20 hours a week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "CTO",
|
||||
quote: "World-class development standards. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Owner",
|
||||
quote: "Finally, a tech partner that understands local business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
role: "Manager",
|
||||
quote: "The lead gen results have been absolutely transformative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa B.",
|
||||
role: "Founder",
|
||||
quote: "Professional, fast, and incredibly reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Companies We Help"
|
||||
description="Collaborating with high-growth businesses worldwide."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthGroup",
|
||||
"StartupX",
|
||||
"VelocityFlow",
|
||||
"ModernData",
|
||||
"PrimeSol",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SocialSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our services."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical project turnaround?",
|
||||
answer: "Projects typically range from 2 to 8 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
question: "Can you integrate with existing tools?",
|
||||
answer: "Absolutely. We specialize in API integrations for your existing stack.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer ongoing support?",
|
||||
answer: "Yes, our maintenance plans ensure your systems stay updated and secure.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Ready to scale? Let’s build the future together."
|
||||
primaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@kovrinsolutions.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit LinkedIn",
|
||||
href: "https://www.linkedin.com/company/127514017",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
39
src/pages/HomePage/sections/About.tsx
Normal file
39
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
// 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 { Award, Shield, Target, TrendingUp, Users, Zap } from "lucide-react";
|
||||
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="About Kovrin"
|
||||
title="Built for Modern Scalability"
|
||||
description="At Kovrin, we blend human-centric design with powerful engineering. Whether you're a local small business or an enterprise project, our solutions are built to simplify your workflows and amplify your revenue."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Deployment",
|
||||
description: "We cut development time without compromising quality.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security",
|
||||
description: "High-standard protection for your sensitive business data.",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Scalable Automation",
|
||||
description: "Systems that grow as your customer base expands.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-startup-entrepreneur-uses-digital-materials-analytics_482257-126228.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal 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" 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="Get in Touch"
|
||||
text="Ready to scale? Let’s build the future together."
|
||||
primaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@kovrinsolutions.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit LinkedIn",
|
||||
href: "https://www.linkedin.com/company/127514017",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Faq.tsx
Normal file
34
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// 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 FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our services."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical project turnaround?",
|
||||
answer: "Projects typically range from 2 to 8 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
question: "Can you integrate with existing tools?",
|
||||
answer: "Absolutely. We specialize in API integrations for your existing stack.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer ongoing support?",
|
||||
answer: "Yes, our maintenance plans ensure your systems stay updated and secure.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// 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 HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Innovative Tech Partner"
|
||||
title="Scaling Businesses Through Automation & AI"
|
||||
description="Kovrin Software Solutions empowers your brand with bespoke software development and intelligent automation systems designed for exponential growth."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[{"imageSrc":"http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Metrics.tsx
Normal file
38
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
// 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 { Award, Shield, Target, TrendingUp, Users, Zap } from "lucide-react";
|
||||
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="Results You Can Measure"
|
||||
description="Evidence-backed efficiency and growth for every partner."
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Productivity Increase",
|
||||
value: "45%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Projects Delivered",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Pricing.tsx
Normal file
52
src/pages/HomePage/sections/Pricing.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// 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 PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PricingSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Transparent Pricing"
|
||||
title="Growth-First Plans"
|
||||
description="Flexible pricing for every business size and need."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "$1,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Custom Web Portal",
|
||||
"Monthly Updates",
|
||||
"Security Audits",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$3,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"AI Automation Suite",
|
||||
"24/7 Priority Support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Services.tsx
Normal file
64
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// 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 Expertise"
|
||||
title="End-to-End Software Solutions"
|
||||
description="We deliver high-quality technology solutions tailored to your unique requirements."
|
||||
items={[
|
||||
{
|
||||
title: "App Development",
|
||||
description: "Native and cross-platform mobile apps.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-showing-colorful-icons_1134-392.jpg",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "High-performance, responsive web platforms.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-program-coding-screen_53876-138060.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Solutions",
|
||||
description: "Custom LLMs and automation intelligence.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-chip-technology-concept_53876-133724.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lead Generation",
|
||||
description: "AI-driven outreach that finds real prospects.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-development-operations-system-concept_107791-17423.jpg",
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Optimization and proactive bug resolution.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004302.jpg",
|
||||
},
|
||||
{
|
||||
title: "Business Automation",
|
||||
description: "Removing manual bottlenecks for efficiency.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977493.jpg",
|
||||
},
|
||||
{
|
||||
title: "API Integration",
|
||||
description: "Connecting your tech stack for seamless flow.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/software-developer-concept-idea-programming-coding-system-development-digital-technology-software-developing-company-writing-code-isolated-vector-illustration_613284-2895.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Social.tsx
Normal file
29
src/pages/HomePage/sections/Social.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social" data-section="social">
|
||||
<SectionErrorBoundary name="social">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Companies We Help"
|
||||
description="Collaborating with high-growth businesses worldwide."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthGroup",
|
||||
"StartupX",
|
||||
"VelocityFlow",
|
||||
"ModernData",
|
||||
"PrimeSol",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// 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 TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Success"
|
||||
title="Voices of Growth"
|
||||
description="Companies choosing Kovrin as their technology partner."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
quote: "The AI automation Kovrin built saved us 20 hours a week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "CTO",
|
||||
quote: "World-class development standards. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Owner",
|
||||
quote: "Finally, a tech partner that understands local business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
role: "Manager",
|
||||
quote: "The lead gen results have been absolutely transformative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa B.",
|
||||
role: "Founder",
|
||||
quote: "Professional, fast, and incredibly reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user