arrenge the home page order

src/app/globals.css

@@ -573,6 +573,48 @@ body {
   }
 }
 
+/* ─── AI Commerce ambient decoration ─── */
+/* Very slow, very low-contrast drift. Meant to be felt, never watched.
+   Transform-only so it stays on the compositor. */
+@keyframes ai-orb-drift-a {
+  0%, 100% {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  50% {
+    transform: translate3d(28px, -22px, 0) scale(1.06);
+  }
+}
+
+@keyframes ai-orb-drift-b {
+  0%, 100% {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  50% {
+    transform: translate3d(-34px, 18px, 0) scale(1.05);
+  }
+}
+
+@keyframes ai-mote-float {
+  0%, 100% {
+    transform: translate3d(0, 0, 0);
+  }
+  50% {
+    transform: translate3d(6px, -18px, 0);
+  }
+}
+
+.ai-orb-a {
+  animation: ai-orb-drift-a 22s ease-in-out infinite;
+}
+
+.ai-orb-b {
+  animation: ai-orb-drift-b 27s ease-in-out infinite;
+}
+
+.ai-mote {
+  animation: ai-mote-float 14s ease-in-out infinite;
+}
+
 /* ─── Footer Layout & Sizing System ─── */
 .footer-container {
   box-sizing: border-box;

src/app/merchants/page.tsx

@@ -3,6 +3,7 @@ import Link from "next/link";
 import { MaterialIcon } from "@/components/ui/MaterialIcon";
 import { PremiumPageShell } from "@/components/common/PremiumPageShell";
 import { MerchantsHero } from "@/components/heroes/MerchantsHero";
+import { HowItWorks } from "@/components/home/HowItWorks";
 import { FAQAccordion } from "@/components/ui/FAQAccordion";
 import { AnimatedSection } from "@/components/animations/AnimatedSection";
 import { AnimatedGrid, AnimatedCard } from "@/components/animations/AnimatedGrid";
@@ -159,6 +160,7 @@ export default function MerchantsPage() {
   return (
     <PremiumPageShell>
       <MerchantsHero />
+      <HowItWorks />
 
       {/* ─── Merchant Benefits Grid ─── */}
       <section className="py-10 md:py-14 xl:py-12 bg-white border-b border-[#6330D6]/10">

src/app/page.tsx

@@ -1,15 +1,15 @@
 import type { Metadata } from "next";
 import { PremiumPageShell } from "@/components/common/PremiumPageShell";
 import { Hero } from "@/components/home/Hero";
+import { WhyNearleDifferent } from "@/components/home/WhyNearleDifferent";
+import { AICommerceIntro } from "@/components/home/AICommerceIntro";
 import { VoiceCommerceExperience } from "@/components/home/VoiceCommerceExperience";
-import { StoreJourney } from "@/components/home/experience/StoreJourney";
 import { ServiceCategories } from "@/components/home/ServiceCategories";
 import { WhyNearle } from "@/components/home/WhyNearle";
 import { HowItWorks } from "@/components/home/HowItWorks";
 import { HyperlocalFeatures } from "@/components/home/HyperlocalFeatures";
 import { BusinessSection } from "@/components/home/BusinessSection";
 import { WhyAICommerceWins } from "@/components/home/WhyAICommerceWins";
-import { AICommerceTeaser } from "@/components/home/AICommerceTeaser";
 import { StoreQRSection } from "@/components/home/StoreQRSection";
 
 export const metadata: Metadata = {
@@ -29,15 +29,15 @@ export default function HomePage() {
   return (
     <PremiumPageShell>
       <Hero />
+      <WhyAICommerceWins />
+      <AICommerceIntro />
       <VoiceCommerceExperience />
-      <StoreJourney />
-      <ServiceCategories />
       <WhyNearle />
+      <WhyNearleDifferent />
       <HowItWorks />
       <HyperlocalFeatures />
+      <ServiceCategories />
       <BusinessSection />
-      <WhyAICommerceWins />
-      <AICommerceTeaser />
       <StoreQRSection />
     </PremiumPageShell>
   );

src/app/platform/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { PremiumPageShell } from "@/components/common/PremiumPageShell";
 import { PlatformHero } from "@/components/platform/PlatformHero";
+import { CorePrinciples } from "@/components/home/CorePrinciples";
 import { PlatformArchitecture } from "@/components/platform/PlatformArchitecture";
 import { ProductFeatureGrid } from "@/components/platform/ProductFeatureGrid";
 import { ProductLLMWorkflow } from "@/components/platform/ProductLLMWorkflow";
@@ -54,7 +55,8 @@ export default function PlatformPage() {
         body="Join the neighbourhood stores already running on MerchantOS — with an AI catalog by ProductLLM and a growing base of local shoppers on ConsumerOS."
         primary={{ href: "/businesses", icon: "storefront", label: "For Business" }}
         secondary={{ href: "/why-nearle", icon: "auto_awesome", label: "Why AI Commerce" }}
-      />
+      />  
+    <CorePrinciples />
     </PremiumPageShell>
   );
 }

src/app/why-nearle/page.tsx

@@ -14,11 +14,11 @@ import { PullQuote } from "@/components/ui/PullQuote";
 import { AICommerceCTA } from "@/components/why-nearle/AICommerceCTA";
 
 export const metadata: Metadata = {
-  title: "What is AI Commerce?",
+  title: "What is AI Commerce",
   description:
     "AI Commerce starts where quick commerce stops. Nearle digitizes neighbourhood stores with AI, digital storefronts, and ordering — instead of replacing them. Learn how AI Commerce works.",
   openGraph: {
-    title: "What is AI Commerce? | Nearle",
+    title: "What is AI Commerce | Nearle",
     description:
       "Neighbourhood stores already have trust, customers, and location. Nearle adds AI, a digital storefront, inventory, and ordering. This is AI Commerce.",
     url: "https://nearle.in/why-nearle",