Merge version_2_1781468801074 into main

Merge version_2_1781468801074 into main

src/components/Layout.tsx

@@ -1,5 +1,5 @@
 import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
-import NavbarInline from '@/components/ui/NavbarInline';
+import NavbarDropdown from '@/components/ui/NavbarDropdown';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
@@ -41,7 +41,7 @@ export default function Layout() {
     <StyleProvider buttonVariant="elastic" siteBackground="aurora" heroBackground="lightRaysCorner">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarInline
+        <NavbarDropdown
       logo="ARC"
       ctaButton={{
         text: "Inquire",

src/pages/HomePage.tsx

@@ -1,278 +1,36 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
-import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
-import { Award, Building, Clock } 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 PortfolioSection from './HomePage/sections/Portfolio';
+import FeaturesSection from './HomePage/sections/Features';
+import PricingSection from './HomePage/sections/Pricing';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+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="Architectural Excellence"
-      title="Architectural Vision Realized with Precision"
-      description="Luxury residential and commercial projects that define excellence. From concept through completion, we deliver timeless design and uncompromising craftsmanship."
-      primaryButton={{
-        text: "View Our Portfolio",
-        href: "#portfolio",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-drawing-blueprint-office_23-2148203979.jpg?_wi=1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780719.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1004.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-art-gallery_23-2149911926.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="We combine visionary design with structural integrity to deliver spaces that inspire."
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="portfolio" data-section="portfolio">
-    <SectionErrorBoundary name="portfolio">
-          <FeaturesMediaCarousel
-      tag="Featured Works"
-      title="Signature Projects"
-      description="A curated collection of our most ambitious luxury residential and commercial achievements."
-      items={[
-        {
-          title: "Modern Haven",
-          description: "Custom residence with seamless indoor-outdoor flow.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/drawing-business-reports_1098-19581.jpg",
-        },
-        {
-          title: "Corporate HQ",
-          description: "High-performance office environment focused on productivity.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg",
-        },
-        {
-          title: "Urban Oasis",
-          description: "Repurposed luxury apartment complex in the city center.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PortfolioSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesRevealCardsBento
-      tag="Our Expertise"
-      title="The Art of Construction"
-      description="Precision-engineered structures built to last generations."
-      items={[
-        {
-          title: "Marble Selection",
-          description: "Sourcing the world's finest stones.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-color-candies-wooden-plate-tablecloth-blue-table_114579-90245.jpg",
-        },
-        {
-          title: "Glass Systems",
-          description: "Advanced structural glazing techniques.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-rectangle-cube-shaped-3d-windows_181624-3024.jpg",
-        },
-        {
-          title: "Concrete Forming",
-          description: "Precision structural concrete works.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-wall-surface_23-2148107040.jpg",
-        },
-        {
-          title: "Custom Millwork",
-          description: "Artisan-crafted interior features.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-wood-surface_23-2151327278.jpg",
-        },
-        {
-          title: "Stone Crafting",
-          description: "Exquisite facade detailing.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080220.jpg",
-        },
-        {
-          title: "Steel Framing",
-          description: "High-strength precision steel joints.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg",
-        },
-        {
-          title: "Lighting Design",
-          description: "Human-centric lighting integration.",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingCenteredCards
-      tag="Engagement Options"
-      title="Partner with Excellence"
-      description="Tailored engagement models designed for project success."
-      plans={[
-        {
-          tag: "Consulting",
-          price: "$15k+",
-          description: "Feasibility & Design Concept",
-          features: [
-            "Site analysis",
-            "Concept blueprints",
-            "Regulatory review",
-          ],
-          primaryButton: {
-            text: "Inquire",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "Full Service",
-          price: "Custom",
-          description: "Turnkey Design-Build",
-          features: [
-            "End-to-end design",
-            "Permit management",
-            "Construction execution",
-            "Interior styling",
-          ],
-          primaryButton: {
-            text: "Schedule Consultation",
-            href: "#contact",
-          },
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-      tag="The Firm"
-      title="By the Numbers"
-      description="Proven delivery metrics across our extensive project history."
-      metrics={[
-        {
-          icon: Building,
-          title: "Projects Completed",
-          value: "150+",
-        },
-        {
-          icon: Award,
-          title: "Industry Awards",
-          value: "45",
-        },
-        {
-          icon: Clock,
-          title: "Years Experience",
-          value: "25",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialMarqueeOverlayCards
-      tag="Client Stories"
-      title="Excellence in Action"
-      description="Trusted by industry leaders and discerning private clients."
-      testimonials={[
-        {
-          name: "Jonathan Sterling",
-          role: "CEO",
-          company: "Sterling Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg",
-        },
-        {
-          name: "Clara Montgomery",
-          role: "Homeowner",
-          company: "Private Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg",
-        },
-        {
-          name: "David Thorne",
-          role: "Developer",
-          company: "Thorne Properties",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2147710246.jpg",
-        },
-        {
-          name: "Elena Rossi",
-          role: "Design Lead",
-          company: "Studio Interior",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346510.jpg",
-        },
-        {
-          name: "Marcus Vander",
-          role: "Investor",
-          company: "Vander Capital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064878.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Get in Touch"
-      text="Ready to bring your vision to life? Let's discuss your project today."
-      primaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Portfolio",
-        href: "#portfolio",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,18 @@
+// 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 AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="We combine visionary design with structural integrity to deliver spaces that inspire."
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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 (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Get in Touch"
+          text="Ready to bring your vision to life? Let's discuss your project today."
+          primaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Portfolio",
+            href: "#portfolio",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Features.tsx

@@ -0,0 +1,64 @@
+// 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 FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesRevealCardsBento
+          tag="Our Expertise"
+          title="The Art of Construction"
+          description="Precision-engineered structures built to last generations."
+          items={[
+            {
+              title: "Marble Selection",
+              description: "Sourcing the world's finest stones.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/two-color-candies-wooden-plate-tablecloth-blue-table_114579-90245.jpg",
+            },
+            {
+              title: "Glass Systems",
+              description: "Advanced structural glazing techniques.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-rectangle-cube-shaped-3d-windows_181624-3024.jpg",
+            },
+            {
+              title: "Concrete Forming",
+              description: "Precision structural concrete works.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/urban-wall-surface_23-2148107040.jpg",
+            },
+            {
+              title: "Custom Millwork",
+              description: "Artisan-crafted interior features.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-wood-surface_23-2151327278.jpg",
+            },
+            {
+              title: "Stone Crafting",
+              description: "Exquisite facade detailing.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080220.jpg",
+            },
+            {
+              title: "Steel Framing",
+              description: "High-strength precision steel joints.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg",
+            },
+            {
+              title: "Lighting Design",
+              description: "Human-centric lighting integration.",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,48 @@
+// 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="Architectural Excellence"
+          title="Architectural Vision Realized with Precision"
+          description="Luxury residential and commercial projects that define excellence. From concept through completion, we deliver timeless design and uncompromising craftsmanship."
+          primaryButton={{
+            text: "View Our Portfolio",
+            href: "#portfolio",
+          }}
+          secondaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-drawing-blueprint-office_23-2148203979.jpg?_wi=1",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780719.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1004.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-art-gallery_23-2149911926.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -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, Building, Clock } 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="The Firm"
+          title="By the Numbers"
+          description="Proven delivery metrics across our extensive project history."
+          metrics={[
+            {
+              icon: Building,
+              title: "Projects Completed",
+              value: "150+",
+            },
+            {
+              icon: Award,
+              title: "Industry Awards",
+              value: "45",
+            },
+            {
+              icon: Clock,
+              title: "Years Experience",
+              value: "25",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Portfolio.tsx

@@ -0,0 +1,40 @@
+// 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 FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PortfolioSection(): React.JSX.Element {
+  return (
+    <div id="portfolio" data-section="portfolio">
+        <SectionErrorBoundary name="portfolio">
+              <FeaturesMediaCarousel
+          tag="Featured Works"
+          title="Signature Projects"
+          description="A curated collection of our most ambitious luxury residential and commercial achievements."
+          items={[
+            {
+              title: "Modern Haven",
+              description: "Custom residence with seamless indoor-outdoor flow.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/drawing-business-reports_1098-19581.jpg",
+            },
+            {
+              title: "Corporate HQ",
+              description: "High-performance office environment focused on productivity.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg",
+            },
+            {
+              title: "Urban Oasis",
+              description: "Repurposed luxury apartment complex in the city center.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Pricing.tsx

@@ -0,0 +1,51 @@
+// 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 PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingCenteredCards
+          tag="Engagement Options"
+          title="Partner with Excellence"
+          description="Tailored engagement models designed for project success."
+          plans={[
+            {
+              tag: "Consulting",
+              price: "$15k+",
+              description: "Feasibility & Design Concept",
+              features: [
+                "Site analysis",
+                "Concept blueprints",
+                "Regulatory review",
+              ],
+              primaryButton: {
+                text: "Inquire",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "Full Service",
+              price: "Custom",
+              description: "Turnkey Design-Build",
+              features: [
+                "End-to-end design",
+                "Permit management",
+                "Construction execution",
+                "Interior styling",
+              ],
+              primaryButton: {
+                text: "Schedule Consultation",
+                href: "#contact",
+              },
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonials.tsx

@@ -0,0 +1,57 @@
+// 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 TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialMarqueeOverlayCards
+          tag="Client Stories"
+          title="Excellence in Action"
+          description="Trusted by industry leaders and discerning private clients."
+          testimonials={[
+            {
+              name: "Jonathan Sterling",
+              role: "CEO",
+              company: "Sterling Group",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg",
+            },
+            {
+              name: "Clara Montgomery",
+              role: "Homeowner",
+              company: "Private Client",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg",
+            },
+            {
+              name: "David Thorne",
+              role: "Developer",
+              company: "Thorne Properties",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2147710246.jpg",
+            },
+            {
+              name: "Elena Rossi",
+              role: "Design Lead",
+              company: "Studio Interior",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346510.jpg",
+            },
+            {
+              name: "Marcus Vander",
+              role: "Investor",
+              company: "Vander Capital",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064878.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}