diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 209dd6d..c729430 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -1,5 +1,5 @@ import FooterBasic from '@/components/sections/footer/FooterBasic'; -import NavbarCentered from '@/components/ui/NavbarCentered'; +import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo'; import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot"; import { Outlet } from 'react-router-dom'; @@ -41,8 +41,9 @@ export default function Layout() { - +
+ Lumio Logo +
); -} +} \ No newline at end of file diff --git a/src/index.css b/src/index.css index d4d07ce..152a3f6 100644 --- a/src/index.css +++ b/src/index.css @@ -1,19 +1,19 @@ -@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap'); @import "tailwindcss"; @import "./styles/masks.css"; @import "./styles/animations.css"; :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #fbfaff; - --card: #ffffff; - --foreground: #0f0022; - --primary-cta: #8b5cf6; - --primary-cta-text: #fbfaff; - --secondary-cta: #ffffff; - --secondary-cta-text: #0f0022; - --accent: #d8cef5; - --background-accent: #c4a8f9; + --background: #FAFAFB; + --card: #FFFFFF; + --foreground: #15171C; + --primary-cta: #FF6FB1; + --primary-cta-text: #FFFFFF; + --secondary-cta: #FFFFFF; + --secondary-cta-text: #15171C; + --accent: #6A6F7B; + --background-accent: #E2E8F0; /* @layout/border-radius/rounded */ --radius: 1.5rem; @@ -88,8 +88,8 @@ --color-background-accent: var(--background-accent); /* Fonts */ - --font-sans: 'Figtree', sans-serif; - --font-tight: "Inter Tight", sans-serif; + --font-sans: 'Hanken Grotesk', sans-serif; + --font-tight: "Space Grotesk", sans-serif; --font-mono: monospace; /* Border Radius */ diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 1d6582d..d46726f 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,138 +1,33 @@ -import AboutTextSplit from '@/components/sections/about/AboutTextSplit'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FeaturesBento from '@/components/sections/features/FeaturesBento'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel'; -import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; -import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards'; -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 ProblemaSection from './HomePage/sections/Problema'; +import ServiciosSection from './HomePage/sections/Servicios'; +import SistemaSection from './HomePage/sections/Sistema'; +import ProcesoSection from './HomePage/sections/Proceso'; +import PorQueSection from './HomePage/sections/PorQue'; +import ContactoSection from './HomePage/sections/Contacto'; + +export default function HomePage(): React.JSX.Element { return ( - <> -
- - - -
+<> + -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); } diff --git a/src/pages/HomePage/sections/Contacto.tsx b/src/pages/HomePage/sections/Contacto.tsx new file mode 100644 index 0000000..ecaf300 --- /dev/null +++ b/src/pages/HomePage/sections/Contacto.tsx @@ -0,0 +1,23 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "contacto" section. + +import React from 'react'; +import ContactCta from '@/components/sections/contact/ContactCta'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ContactoSection(): 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..3619d3d --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,32 @@ +// 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 ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/PorQue.tsx b/src/pages/HomePage/sections/PorQue.tsx new file mode 100644 index 0000000..5ecca77 --- /dev/null +++ b/src/pages/HomePage/sections/PorQue.tsx @@ -0,0 +1,27 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "por-que" section. + +import React from 'react'; +import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PorQueSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Problema.tsx b/src/pages/HomePage/sections/Problema.tsx new file mode 100644 index 0000000..38e893b --- /dev/null +++ b/src/pages/HomePage/sections/Problema.tsx @@ -0,0 +1,20 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "problema" section. + +import React from 'react'; +import AboutTextSplit from '@/components/sections/about/AboutTextSplit'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ProblemaSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Proceso.tsx b/src/pages/HomePage/sections/Proceso.tsx new file mode 100644 index 0000000..5737ae8 --- /dev/null +++ b/src/pages/HomePage/sections/Proceso.tsx @@ -0,0 +1,26 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "proceso" section. + +import React from 'react'; +import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ProcesoSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Servicios.tsx b/src/pages/HomePage/sections/Servicios.tsx new file mode 100644 index 0000000..e091720 --- /dev/null +++ b/src/pages/HomePage/sections/Servicios.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "servicios" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ServiciosSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Sistema.tsx b/src/pages/HomePage/sections/Sistema.tsx new file mode 100644 index 0000000..6399280 --- /dev/null +++ b/src/pages/HomePage/sections/Sistema.tsx @@ -0,0 +1,37 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "sistema" section. + +import React from 'react'; +import FeaturesBento from '@/components/sections/features/FeaturesBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function SistemaSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +}