Merge version_2_1783109352726 into main #2
@@ -1,311 +1,40 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Phone, TrendingUp, Users } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in the sibling sections/ folder (one file per section).
|
||||
// Edit those section files directly. Non-block content (wrappers,
|
||||
// non-inlinable sections) is preserved inline; extracted section blocks
|
||||
// become component refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import ProductSection from './HomePage/sections/Product';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import TeamSection from './HomePage/sections/Team';
|
||||
import TestimonialSection from './HomePage/sections/Testimonial';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
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">
|
||||
<HeroSplit
|
||||
tag="EXECUTIVE OS"
|
||||
title="The private operating system for running our business."
|
||||
description="Atlas is a private business operating system built exclusively for our company. Manage employees, payroll, and performance with absolute precision."
|
||||
primaryButton={{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="CORE MODULES"
|
||||
title="Everything at your command."
|
||||
description="Atlas consolidates every business function into one secure ecosystem."
|
||||
items={[
|
||||
{
|
||||
title: "CRM",
|
||||
description: "Manage business contacts and potential revenue.",
|
||||
buttonIcon: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",
|
||||
},
|
||||
{
|
||||
title: "Payroll",
|
||||
description: "Automated payroll with commission calculation.",
|
||||
buttonIcon: "DollarSign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119617.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Calling",
|
||||
description: "Unified workspace for sales teams.",
|
||||
buttonIcon: "Phone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132769.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reports",
|
||||
description: "Visualize revenue, profit, and performance.",
|
||||
buttonIcon: "BarChart3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-manager-presenting-data-analysis-funding-interactive-board_482257-97967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Documents",
|
||||
description: "Secure storage for all corporate assets.",
|
||||
buttonIcon: "FileText",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170125.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tasks",
|
||||
description: "Task management with priority tracking.",
|
||||
buttonIcon: "CheckSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749883.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="ADMINISTRATION"
|
||||
title="Role-Based Security"
|
||||
description="Granular permissions for every team member."
|
||||
items={[
|
||||
{
|
||||
title: "Owner",
|
||||
description: "Full system control.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
|
||||
},
|
||||
{
|
||||
title: "Partner",
|
||||
description: "Management and reporting.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
|
||||
},
|
||||
{
|
||||
title: "Manager",
|
||||
description: "Employee and CRM oversight.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
},
|
||||
{
|
||||
title: "Employee",
|
||||
description: "Performance focused.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-122592.jpg",
|
||||
},
|
||||
{
|
||||
title: "Audit Logs",
|
||||
description: "Full accountability.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
},
|
||||
{
|
||||
title: "2FA",
|
||||
description: "Secure access only.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-division-workers-server-room-protecting-equipment_482257-118168.jpg",
|
||||
},
|
||||
{
|
||||
title: "Backups",
|
||||
description: "Data redundancy.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-advisor-presents-detailed-stock-market-analysis-clients_482257-107526.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductSection />
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="AUTOMATION"
|
||||
title="Rules & Engines"
|
||||
description="Flexible, rule-based commission and payroll logic."
|
||||
plans={[
|
||||
{
|
||||
tag: "Custom Logic",
|
||||
price: "Editable",
|
||||
period: "Commission Rules",
|
||||
features: [
|
||||
"Dynamic Hourly Rates",
|
||||
"Sales Goal Triggers",
|
||||
"Automatic Notifications",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Configure Rules",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-employee-works-desk-with-green-screen-corporation_482257-123895.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PricingSection />
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="ORGANIZATION"
|
||||
title="Employee Management"
|
||||
description="Keep track of performance in real-time."
|
||||
members={[
|
||||
{
|
||||
name: "Alex Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Lee",
|
||||
role: "Lead Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TeamSection />
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialQuoteCards
|
||||
tag="CONFIDENCE"
|
||||
title="What Executives Say"
|
||||
description="Atlas helps us run leaner and faster."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "Founder",
|
||||
quote: "Atlas is the only reason we've scaled this fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Roe",
|
||||
role: "VP Operations",
|
||||
quote: "The payroll automation is a game changer for us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
role: "Head of Sales",
|
||||
quote: "Leads are being found and converted in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice Wong",
|
||||
role: "Lead Developer",
|
||||
quote: "The architecture is incredibly modular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
},
|
||||
{
|
||||
name: "Charlie Day",
|
||||
role: "CEO",
|
||||
quote: "Finally, software that thinks like a business owner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12823.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="KPIs"
|
||||
title="Real-time Metrics"
|
||||
description="Track business health at a glance."
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Revenue",
|
||||
value: "$12.4M",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Employees",
|
||||
value: "142",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Sales Calls",
|
||||
value: "892",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="SUPPORT"
|
||||
title="Operational FAQs"
|
||||
description="Answers to how Atlas manages your business."
|
||||
items={[
|
||||
{
|
||||
question: "Can Atlas handle external integrations?",
|
||||
answer: "Yes, Atlas is built with n8n and Supabase, making integrations seamless.",
|
||||
},
|
||||
{
|
||||
question: "Are my business documents secure?",
|
||||
answer: "All documents are stored in encrypted buckets with role-based access.",
|
||||
},
|
||||
{
|
||||
question: "Is payroll automated?",
|
||||
answer: "Payroll calculation is automated, with an approval process for final payment disbursement.",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="ATLAS SYSTEM"
|
||||
text="Ready to run your business better?"
|
||||
primaryButton={{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Request Demo",
|
||||
href: "#",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
28
src/pages/HomePage/sections/Contact.tsx
Normal file
28
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
// 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="ATLAS SYSTEM"
|
||||
text="Ready to run your business better?"
|
||||
primaryButton={{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Request Demo",
|
||||
href: "#",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// 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="SUPPORT"
|
||||
title="Operational FAQs"
|
||||
description="Answers to how Atlas manages your business."
|
||||
items={[
|
||||
{
|
||||
question: "Can Atlas handle external integrations?",
|
||||
answer: "Yes, Atlas is built with n8n and Supabase, making integrations seamless.",
|
||||
},
|
||||
{
|
||||
question: "Are my business documents secure?",
|
||||
answer: "All documents are stored in encrypted buckets with role-based access.",
|
||||
},
|
||||
{
|
||||
question: "Is payroll automated?",
|
||||
answer: "Payroll calculation is automated, with an approval process for final payment disbursement.",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
59
src/pages/HomePage/sections/Features.tsx
Normal file
59
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="CORE MODULES"
|
||||
title="Everything at your command."
|
||||
description="Atlas consolidates every business function into one secure ecosystem."
|
||||
items={[
|
||||
{
|
||||
title: "CRM",
|
||||
description: "Manage business contacts and potential revenue.",
|
||||
buttonIcon: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",
|
||||
},
|
||||
{
|
||||
title: "Payroll",
|
||||
description: "Automated payroll with commission calculation.",
|
||||
buttonIcon: "DollarSign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119617.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Calling",
|
||||
description: "Unified workspace for sales teams.",
|
||||
buttonIcon: "Phone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132769.jpg",
|
||||
},
|
||||
{
|
||||
title: "Reports",
|
||||
description: "Visualize revenue, profit, and performance.",
|
||||
buttonIcon: "BarChart3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-manager-presenting-data-analysis-funding-interactive-board_482257-97967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Documents",
|
||||
description: "Secure storage for all corporate assets.",
|
||||
buttonIcon: "FileText",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170125.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tasks",
|
||||
description: "Task management with priority tracking.",
|
||||
buttonIcon: "CheckSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749883.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
20
src/pages/HomePage/sections/Hero.tsx
Normal file
20
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
// Created by add_section_from_catalog (HeroBillboardCarousel).
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div data-webild-section="hero" data-section="hero" id="hero">
|
||||
<HeroBillboardCarousel
|
||||
textAnimation="fade-blur"
|
||||
title="The private operating system for running our business."
|
||||
secondaryButton={{"text":"Contact Support","href":"#contact"}}
|
||||
description="Atlas is a private business operating system built exclusively for our company. Manage employees, payroll, and performance with absolute precision."
|
||||
items={[{"imageSrc":"http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},{"imageSrc":"https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2015&auto=format&fit=crop"}]}
|
||||
tag="EXECUTIVE OS"
|
||||
primaryButton={{"href":"#features","text":"Explore Features"}}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
39
src/pages/HomePage/sections/Metrics.tsx
Normal file
39
src/pages/HomePage/sections/Metrics.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 "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import { Phone, TrendingUp, Users } 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="KPIs"
|
||||
title="Real-time Metrics"
|
||||
description="Track business health at a glance."
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Revenue",
|
||||
value: "$12.4M",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Employees",
|
||||
value: "142",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Sales Calls",
|
||||
value: "892",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Pricing.tsx
Normal file
38
src/pages/HomePage/sections/Pricing.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 "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="AUTOMATION"
|
||||
title="Rules & Engines"
|
||||
description="Flexible, rule-based commission and payroll logic."
|
||||
plans={[
|
||||
{
|
||||
tag: "Custom Logic",
|
||||
price: "Editable",
|
||||
period: "Commission Rules",
|
||||
features: [
|
||||
"Dynamic Hourly Rates",
|
||||
"Sales Goal Triggers",
|
||||
"Automatic Notifications",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Configure Rules",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-employee-works-desk-with-green-screen-corporation_482257-123895.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
65
src/pages/HomePage/sections/Product.tsx
Normal file
65
src/pages/HomePage/sections/Product.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "product" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="ADMINISTRATION"
|
||||
title="Role-Based Security"
|
||||
description="Granular permissions for every team member."
|
||||
items={[
|
||||
{
|
||||
title: "Owner",
|
||||
description: "Full system control.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
|
||||
},
|
||||
{
|
||||
title: "Partner",
|
||||
description: "Management and reporting.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
|
||||
},
|
||||
{
|
||||
title: "Manager",
|
||||
description: "Employee and CRM oversight.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
},
|
||||
{
|
||||
title: "Employee",
|
||||
description: "Performance focused.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-122592.jpg",
|
||||
},
|
||||
{
|
||||
title: "Audit Logs",
|
||||
description: "Full accountability.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
},
|
||||
{
|
||||
title: "2FA",
|
||||
description: "Secure access only.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-division-workers-server-room-protecting-equipment_482257-118168.jpg",
|
||||
},
|
||||
{
|
||||
title: "Backups",
|
||||
description: "Data redundancy.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-advisor-presents-detailed-stock-market-analysis-clients_482257-107526.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Team.tsx
Normal file
38
src/pages/HomePage/sections/Team.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 "team" section.
|
||||
|
||||
import React from 'react';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TeamSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="ORGANIZATION"
|
||||
title="Employee Management"
|
||||
description="Keep track of performance in real-time."
|
||||
members={[
|
||||
{
|
||||
name: "Alex Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Lee",
|
||||
role: "Lead Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
53
src/pages/HomePage/sections/Testimonial.tsx
Normal file
53
src/pages/HomePage/sections/Testimonial.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
// 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 TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialQuoteCards
|
||||
tag="CONFIDENCE"
|
||||
title="What Executives Say"
|
||||
description="Atlas helps us run leaner and faster."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "Founder",
|
||||
quote: "Atlas is the only reason we've scaled this fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Roe",
|
||||
role: "VP Operations",
|
||||
quote: "The payroll automation is a game changer for us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
role: "Head of Sales",
|
||||
quote: "Leads are being found and converted in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice Wong",
|
||||
role: "Lead Developer",
|
||||
quote: "The architecture is incredibly modular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
},
|
||||
{
|
||||
name: "Charlie Day",
|
||||
role: "CEO",
|
||||
quote: "Finally, software that thinks like a business owner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12823.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user