From 069558d5e5d3dcf9b97640084841e31452970335 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 14 Jun 2026 10:44:14 +0000 Subject: [PATCH 1/2] Bob AI: Updated theme colors to a vibrant light theme. --- src/index.css | 18 +- src/pages/HomePage.tsx | 270 ++----------------- src/pages/HomePage/sections/About.tsx | 39 +++ src/pages/HomePage/sections/Contact.tsx | 27 ++ src/pages/HomePage/sections/Features.tsx | 37 +++ src/pages/HomePage/sections/Hero.tsx | 45 ++++ src/pages/HomePage/sections/Metrics.tsx | 40 +++ src/pages/HomePage/sections/Portfolio.tsx | 64 +++++ src/pages/HomePage/sections/SocialProof.tsx | 29 ++ src/pages/HomePage/sections/Testimonials.tsx | 42 +++ 10 files changed, 356 insertions(+), 255 deletions(-) create mode 100644 src/pages/HomePage/sections/About.tsx create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Features.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/Metrics.tsx create mode 100644 src/pages/HomePage/sections/Portfolio.tsx create mode 100644 src/pages/HomePage/sections/SocialProof.tsx create mode 100644 src/pages/HomePage/sections/Testimonials.tsx diff --git a/src/index.css b/src/index.css index 756e2e7..6afbbce 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #f0f8ffe6; - --primary-cta: #cee7ff; - --primary-cta-text: #0a0a0a; - --secondary-cta: #1a1a1a; - --secondary-cta-text: #f0f8ffe6; - --accent: #737373; - --background-accent: #737373; + --background: #ffffff; + --card: #f8fafc; + --foreground: #0f172a; + --primary-cta: #3b82f6; + --primary-cta-text: #ffffff; + --secondary-cta: #e2e8f0; + --secondary-cta-text: #0f172a; + --accent: #60a5fa; + --background-accent: #bfdbfe; /* @layout/border-radius/rounded */ --radius: 1rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 34fdcfe..c264ce0 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,258 +1,36 @@ -import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards'; -import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; -import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; -import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard'; -import { Shield, Star, Zap } from "lucide-react"; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. -export default function HomePage() { +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import FeaturesSection from './HomePage/sections/Features'; +import PortfolioSection from './HomePage/sections/Portfolio'; +import MetricsSection from './HomePage/sections/Metrics'; +import SocialProofSection from './HomePage/sections/SocialProof'; +import TestimonialsSection from './HomePage/sections/Testimonials'; +import ContactSection from './HomePage/sections/Contact'; + +export default function HomePage(): React.JSX.Element { return ( - <> -
- - - -
+<> + -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); } diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..5d080ba --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -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 { Shield, Star, Zap } from "lucide-react"; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function AboutSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..82e88bb --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx new file mode 100644 index 0000000..581cbd9 --- /dev/null +++ b/src/pages/HomePage/sections/Features.tsx @@ -0,0 +1,37 @@ +// 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 FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FeaturesSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..965b558 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,45 @@ +// 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 HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx new file mode 100644 index 0000000..9d916d9 --- /dev/null +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -0,0 +1,40 @@ +// 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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MetricsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Portfolio.tsx b/src/pages/HomePage/sections/Portfolio.tsx new file mode 100644 index 0000000..d1d4a31 --- /dev/null +++ b/src/pages/HomePage/sections/Portfolio.tsx @@ -0,0 +1,64 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "portfolio" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PortfolioSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/SocialProof.tsx b/src/pages/HomePage/sections/SocialProof.tsx new file mode 100644 index 0000000..5ae0bd2 --- /dev/null +++ b/src/pages/HomePage/sections/SocialProof.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "social-proof" section. + +import React from 'react'; +import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function SocialProofSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx new file mode 100644 index 0000000..91336a7 --- /dev/null +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -0,0 +1,42 @@ +// 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 ( +
+ + + +
+ ); +} -- 2.49.1 From 3044740e25cc1a37a1d50307f01c4a4845d1651e Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 14 Jun 2026 10:44:56 +0000 Subject: [PATCH 2/2] Bob AI: Added a pricing section with three plans. --- src/pages/HomePage.tsx | 4 +- src/pages/HomePage/sections/Pricing.tsx | 98 +++++++++++++++++++++++++ 2 files changed, 101 insertions(+), 1 deletion(-) create mode 100644 src/pages/HomePage/sections/Pricing.tsx diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index c264ce0..b56d686 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -13,7 +13,8 @@ import SocialProofSection from './HomePage/sections/SocialProof'; import TestimonialsSection from './HomePage/sections/Testimonials'; import ContactSection from './HomePage/sections/Contact'; -export default function HomePage(): React.JSX.Element { + +import PricingSection from './HomePage/sections/Pricing';export default function HomePage(): React.JSX.Element { return ( <> @@ -21,6 +22,7 @@ export default function HomePage(): React.JSX.Element { + diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx new file mode 100644 index 0000000..3d42974 --- /dev/null +++ b/src/pages/HomePage/sections/Pricing.tsx @@ -0,0 +1,98 @@ +import { motion } from "motion/react" +import Button from "@/components/ui/Button" +import Card from "@/components/ui/Card" +import Tag from "@/components/ui/Tag" +import { Check } from "lucide-react" + +export default function PricingSection() { + return ( +
+
+
+ +

باقات تناسب جميع احتياجاتك

+

اختر الباقة التي تناسب حجم أعمالك وأهدافك التسويقية.

+
+ +
+ {/* Basic Plan */} + +
+

الباقة الأساسية

+

مثالية للشركات الناشئة

+
+ $499 + / شهرياً +
+
+ +
    + {['إدارة حسابين تواصل اجتماعي', '4 منشورات أسبوعياً', 'تقرير شهري مبسط', 'دعم فني عبر البريد الإلكتروني'].map((feature, i) => ( +
  • +
    + +
    + {feature} +
    • + ))} +
+ +
+
+
+ ); +} \ No newline at end of file -- 2.49.1