Compare commits
1 Commits
version_1_
...
version_2_
| Author | SHA1 | Date | |
|---|---|---|---|
|
6968bf4616 |
@@ -1,4 +1,4 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;700;900&family=Barlow:wght@300;400;700;900&display=swap');
|
||||
@import "tailwindcss";
|
||||
@import "./styles/masks.css";
|
||||
@import "./styles/animations.css";
|
||||
@@ -10,8 +10,8 @@
|
||||
--foreground: #F5F5F5;
|
||||
--primary-cta: #7D1C2E;
|
||||
--primary-cta-text: #F5F5F5;
|
||||
--secondary-cta: #F5F5F5;
|
||||
--secondary-cta-text: #0F0F0F;
|
||||
--secondary-cta: rgba(245,245,245,0.06);
|
||||
--secondary-cta-text: #F5F5F5;
|
||||
--accent: #7D1C2E;
|
||||
--background-accent: #555555;
|
||||
|
||||
@@ -88,8 +88,8 @@
|
||||
--color-background-accent: var(--background-accent);
|
||||
|
||||
/* Fonts */
|
||||
--font-sans: 'Montserrat', sans-serif;
|
||||
--font-tight: "Inter Tight", sans-serif;
|
||||
--font-sans: 'Barlow', sans-serif;
|
||||
--font-tight: "Barlow Condensed", sans-serif;
|
||||
--font-mono: monospace;
|
||||
|
||||
/* Border Radius */
|
||||
|
||||
@@ -1,309 +1,37 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import { ShieldCheck, TrendingUp, Zap } 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 GuaranteeSection from './HomePage/sections/Guarantee';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import PackagesSection from './HomePage/sections/Packages';
|
||||
import ComparisonSection from './HomePage/sections/Comparison';
|
||||
import ProcessSection from './HomePage/sections/Process';
|
||||
import StatsSection from './HomePage/sections/Stats';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="PROFESSIONAL WEB DESIGN · MEXICO"
|
||||
title="YOUR BUSINESS NEEDS A WEB THAT [X] WORKS."
|
||||
description="Delivered in 7 days. No excuses."
|
||||
primaryButton={{
|
||||
text: "See packages",
|
||||
href: "#packages",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Talk to an expert",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-geometrical-background-with-white-shapes_23-2148811532.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere_23-2150885414.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10524.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853563.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10385.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="guarantee" data-section="guarantee">
|
||||
<SectionErrorBoundary name="guarantee">
|
||||
<AboutFeaturesSplit
|
||||
tag="OUR PROMISE"
|
||||
title="PROFESSIONAL WEB IN 7 DAYS"
|
||||
description="Or you don't pay. That simple."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "SPEED",
|
||||
description: "Guaranteed delivery in 7 business days.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "RESULTS",
|
||||
description: "Design that converts visitors into clients.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "SUPPORT",
|
||||
description: "Real support — not a ticket queue.",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-water-drop-background_23-2147787465.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<GuaranteeSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCarousel
|
||||
tag="WHAT WE BUILD"
|
||||
title="WEBSITES THAT DO [X] THE WORK."
|
||||
description="From custom design to SEO and automation."
|
||||
items={[
|
||||
{
|
||||
title: "Custom Web Design",
|
||||
description: "Tailored, high-conversion visual design.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-prisms-colorful-effect_23-2148898178.jpg",
|
||||
},
|
||||
{
|
||||
title: "On-page SEO",
|
||||
description: "Ready to rank from day one.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg",
|
||||
},
|
||||
{
|
||||
title: "Integrations",
|
||||
description: "WhatsApp, Forms, and GMB setup.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898152.jpg",
|
||||
},
|
||||
{
|
||||
title: "Analytics",
|
||||
description: "Google Analytics and traffic reporting.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blue-white-bottle-designed-round-beautiful-white-wall_140725-11601.jpg",
|
||||
},
|
||||
{
|
||||
title: "Speed Optimization",
|
||||
description: "Performance focused architecture.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979663.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ongoing Support",
|
||||
description: "We ensure your site stays up.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiky-black-ferromagnetic-liquid-metal-with-copy-space_23-2148253673.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="packages" data-section="packages">
|
||||
<SectionErrorBoundary name="packages">
|
||||
<PricingMediaCards
|
||||
tag="PACKAGES"
|
||||
title="CHOOSE YOUR [X] LEVEL"
|
||||
description="Transparent pricing for complete solutions."
|
||||
plans={[
|
||||
{
|
||||
tag: "WEB X PRO",
|
||||
price: "$14,900",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"10 pages",
|
||||
"On-page SEO",
|
||||
"Forms & WhatsApp",
|
||||
"GMB Premium",
|
||||
"1 month support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/start-up-landing-page-template_23-2148819558.jpg",
|
||||
},
|
||||
{
|
||||
tag: "WEB X DOMINATOR",
|
||||
price: "$24,900",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Campaign Landing Page",
|
||||
"Google Analytics",
|
||||
"Traffic Report",
|
||||
"3 months support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Dominator",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template_23-2151402198.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PackagesSection />
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<SectionErrorBoundary name="comparison">
|
||||
<FaqSimple
|
||||
tag="DETAILS"
|
||||
title="DETAILED COMPARISON"
|
||||
description="Understand what is included in each package."
|
||||
items={[
|
||||
{
|
||||
question: "What's the difference between Pro and Dominator?",
|
||||
answer: "Dominator includes a custom campaign landing page, advanced analytics setup, monthly reporting, and 3 months of support versus 1.",
|
||||
},
|
||||
{
|
||||
question: "Is hosting included?",
|
||||
answer: "Hosting is included during your support period. We also manage domain setup and technical configuration.",
|
||||
},
|
||||
{
|
||||
question: "How does the 7-day guarantee work?",
|
||||
answer: "If we don't deliver a functional site in 7 business days, you don't pay. Simple.",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ComparisonSection />
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="PROCESS"
|
||||
title="FROM ZERO TO LIVE IN 7 DAYS."
|
||||
description="A streamlined four-stage process for maximum efficiency."
|
||||
items={[
|
||||
{
|
||||
title: "Day 1-2: Brief",
|
||||
description: "Gather goals and objectives.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599263.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 2-4: Design",
|
||||
description: "Structuring your brand identity.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 4-6: Development",
|
||||
description: "Coding and functionality.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917904.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 7: Delivery",
|
||||
description: "Live launch and final review.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979660.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ongoing",
|
||||
description: "Post-launch maintenance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flying-rings-geometric-shapes-background_23-2148772500.jpg",
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
description: "3 months technical help.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898144.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimization",
|
||||
description: "SEO tuning and analytics.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flying-snake_488145-667.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProcessSection />
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<MetricsMediaCards
|
||||
tag="TRUST"
|
||||
title="PROVEN TRACK RECORD"
|
||||
description="Results that drive business growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "+50",
|
||||
title: "Businesses",
|
||||
description: "Active digital presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11112.jpg",
|
||||
},
|
||||
{
|
||||
value: "7",
|
||||
title: "Days",
|
||||
description: "Guaranteed delivery time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ring-glowing-points-black_1217-1373.jpg",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Or you don't pay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-marbles_53876-47208.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<StatsSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="MAKE THE MOVE"
|
||||
text="READY TO GROW [X]?"
|
||||
primaryButton={{
|
||||
text: "I want my website",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "See packages",
|
||||
href: "#packages",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
35
src/pages/HomePage/sections/Comparison.tsx
Normal file
35
src/pages/HomePage/sections/Comparison.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 "comparison" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ComparisonSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="comparison" data-section="comparison">
|
||||
<SectionErrorBoundary name="comparison">
|
||||
<FaqSimple
|
||||
tag="DETAILS"
|
||||
title="DETAILED COMPARISON"
|
||||
description="Understand what is included in each package."
|
||||
items={[
|
||||
{
|
||||
question: "What's the difference between Pro and Dominator?",
|
||||
answer: "Dominator includes a custom campaign landing page, advanced analytics setup, monthly reporting, and 3 months of support versus 1.",
|
||||
},
|
||||
{
|
||||
question: "Is hosting included?",
|
||||
answer: "Hosting is included during your support period. We also manage domain setup and technical configuration.",
|
||||
},
|
||||
{
|
||||
question: "How does the 7-day guarantee work?",
|
||||
answer: "If we don't deliver a functional site in 7 business days, you don't pay. Simple.",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
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="MAKE THE MOVE"
|
||||
text="READY TO GROW [X]?"
|
||||
primaryButton={{
|
||||
text: "I want my website",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "See packages",
|
||||
href: "#packages",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Guarantee.tsx
Normal file
40
src/pages/HomePage/sections/Guarantee.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "guarantee" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import { ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function GuaranteeSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="guarantee" data-section="guarantee">
|
||||
<SectionErrorBoundary name="guarantee">
|
||||
<AboutFeaturesSplit
|
||||
tag="OUR PROMISE"
|
||||
title="PROFESSIONAL WEB IN 7 DAYS"
|
||||
description="Or you don't pay. That simple."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "SPEED",
|
||||
description: "Guaranteed delivery in 7 business days.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "RESULTS",
|
||||
description: "Design that converts visitors into clients.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "SUPPORT",
|
||||
description: "Real support — not a ticket queue.",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-water-drop-background_23-2147787465.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Hero.tsx
Normal file
49
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// 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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="PROFESSIONAL WEB DESIGN · MEXICO"
|
||||
title="YOUR BUSINESS NEEDS A WEB THAT [X] WORKS."
|
||||
description="Delivered in 7 days. No excuses."
|
||||
primaryButton={{
|
||||
text: "See packages",
|
||||
href: "#packages",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Talk to an expert",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-geometrical-background-with-white-shapes_23-2148811532.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-creative-sphere_23-2150885414.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10524.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853563.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10385.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Packages.tsx
Normal file
57
src/pages/HomePage/sections/Packages.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "packages" section.
|
||||
|
||||
import React from 'react';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PackagesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="packages" data-section="packages">
|
||||
<SectionErrorBoundary name="packages">
|
||||
<PricingMediaCards
|
||||
tag="PACKAGES"
|
||||
title="CHOOSE YOUR [X] LEVEL"
|
||||
description="Transparent pricing for complete solutions."
|
||||
plans={[
|
||||
{
|
||||
tag: "WEB X PRO",
|
||||
price: "$14,900",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"10 pages",
|
||||
"On-page SEO",
|
||||
"Forms & WhatsApp",
|
||||
"GMB Premium",
|
||||
"1 month support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/start-up-landing-page-template_23-2148819558.jpg",
|
||||
},
|
||||
{
|
||||
tag: "WEB X DOMINATOR",
|
||||
price: "$24,900",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Campaign Landing Page",
|
||||
"Google Analytics",
|
||||
"Traffic Report",
|
||||
"3 months support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Dominator",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template_23-2151402198.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
65
src/pages/HomePage/sections/Process.tsx
Normal file
65
src/pages/HomePage/sections/Process.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 "process" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProcessSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="PROCESS"
|
||||
title="FROM ZERO TO LIVE IN 7 DAYS."
|
||||
description="A streamlined four-stage process for maximum efficiency."
|
||||
items={[
|
||||
{
|
||||
title: "Day 1-2: Brief",
|
||||
description: "Gather goals and objectives.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599263.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 2-4: Design",
|
||||
description: "Structuring your brand identity.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 4-6: Development",
|
||||
description: "Coding and functionality.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917904.jpg",
|
||||
},
|
||||
{
|
||||
title: "Day 7: Delivery",
|
||||
description: "Live launch and final review.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979660.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ongoing",
|
||||
description: "Post-launch maintenance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flying-rings-geometric-shapes-background_23-2148772500.jpg",
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
description: "3 months technical help.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898144.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimization",
|
||||
description: "SEO tuning and analytics.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flying-snake_488145-667.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
59
src/pages/HomePage/sections/Services.tsx
Normal file
59
src/pages/HomePage/sections/Services.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 "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCarousel
|
||||
tag="WHAT WE BUILD"
|
||||
title="WEBSITES THAT DO [X] THE WORK."
|
||||
description="From custom design to SEO and automation."
|
||||
items={[
|
||||
{
|
||||
title: "Custom Web Design",
|
||||
description: "Tailored, high-conversion visual design.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-prisms-colorful-effect_23-2148898178.jpg",
|
||||
},
|
||||
{
|
||||
title: "On-page SEO",
|
||||
description: "Ready to rank from day one.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg",
|
||||
},
|
||||
{
|
||||
title: "Integrations",
|
||||
description: "WhatsApp, Forms, and GMB setup.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898152.jpg",
|
||||
},
|
||||
{
|
||||
title: "Analytics",
|
||||
description: "Google Analytics and traffic reporting.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blue-white-bottle-designed-round-beautiful-white-wall_140725-11601.jpg",
|
||||
},
|
||||
{
|
||||
title: "Speed Optimization",
|
||||
description: "Performance focused architecture.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979663.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ongoing Support",
|
||||
description: "We ensure your site stays up.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiky-black-ferromagnetic-liquid-metal-with-copy-space_23-2148253673.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
41
src/pages/HomePage/sections/Stats.tsx
Normal file
41
src/pages/HomePage/sections/Stats.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "stats" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function StatsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<MetricsMediaCards
|
||||
tag="TRUST"
|
||||
title="PROVEN TRACK RECORD"
|
||||
description="Results that drive business growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "+50",
|
||||
title: "Businesses",
|
||||
description: "Active digital presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11112.jpg",
|
||||
},
|
||||
{
|
||||
value: "7",
|
||||
title: "Days",
|
||||
description: "Guaranteed delivery time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ring-glowing-points-black_1217-1373.jpg",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Or you don't pay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-marbles_53876-47208.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user