feat: redesign homepage with parallax expedition experience

package.json

@@ -36,7 +36,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "lucide-react": "^0.545.0",
-    "next": "15.5.7",
+    "next": "^15.5.9",
     "next-themes": "^0.4.6",
     "react": "19.1.0",
     "react-dom": "19.1.0",

src/app/page.tsx

@@ -1,33 +1,49 @@
 import type { Metadata } from "next";
-import Header from "@/components/Header";
-import HomeHero from "@/components/HomeHero";
-import ServicesSection from "@/components/ServicesSection";
-import MercenariesSection from "@/components/MercenariesSection";
-import PortfolioSection from "@/components/PortfolioSection";
-import PortfolioBanner from "@/components/PortfolioBanner";
-import TestimonialsSection from "@/components/TestimonialsSection";
-import TraitsBanner from "@/components/TraitsBanner";
-import HireUsSection from "@/components/HireUsSection";
-import OurStorySection from "@/components/OurStorySection";
-import Footer from "@/components/Footer";
-import OurStoryBanner from "@/components/OurStorySectionBanner";
-import ServicesBanner from "@/components/ServicesBanner";
-import MercenariesBanner from "@/components/MercenariesBanner";
+import HomeExperience from "@/components/HomeExperience";
+
+const publicAssetOrigin = process.env.RAILWAY_PUBLIC_DOMAIN
+  ? `https://${process.env.RAILWAY_PUBLIC_DOMAIN}`
+  : "https://www.raidguild.org";
 
 export const metadata: Metadata = {
   alternates: { canonical: "/" },
+  title: "RaidGuild — Venture Beyond",
+  description:
+    "A builder-owned collective designing and shipping ambitious onchain products.",
+  openGraph: {
+    type: "website",
+    url: "https://www.raidguild.org",
+    siteName: "RaidGuild",
+    title: "RaidGuild — Venture Beyond",
+    description:
+      "A builder-owned collective turning ambitious ideas into digital worlds worth inhabiting.",
+    images: [
+      {
+        url: `${publicAssetOrigin}/opengraph-image.png`,
+        width: 1733,
+        height: 908,
+        alt: "Two RaidGuild travelers overlooking a coral citadel in an alien landscape",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "RaidGuild — Venture Beyond",
+    description:
+      "A builder-owned collective turning ambitious ideas into digital worlds worth inhabiting.",
+    images: [`${publicAssetOrigin}/opengraph-image.png`],
+  },
 };
 
-export const dynamic = 'force-dynamic';
+export const dynamic = "force-dynamic";
 
 const organizationSchema = {
   "@context": "https://schema.org",
   "@type": "Organization",
   name: "RaidGuild",
   url: "https://www.raidguild.org",
-  logo: "https://www.raidguild.org/images/logo-RG-moloch-500.svg",
   description:
-    "A builder-owned collective shipping smart contracts, dApps, AI systems, and DAO tooling since 2019.",
+    "A builder-owned collective shipping smart contracts, digital products, AI systems, and DAO tooling since 2019.",
   foundingDate: "2019",
   sameAs: [
     "https://github.com/raid-guild",
@@ -38,32 +54,12 @@ const organizationSchema = {
 
 export default function Home() {
   return (
-    <div className="min-h-screen bg-background">
+    <>
       <script
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(organizationSchema) }}
       />
-      <Header />
-
-      <HomeHero />
-
-      <ServicesSection />
-      <ServicesBanner />
-
-      <MercenariesSection />
-      <MercenariesBanner />
-
-      <PortfolioSection />
-      <PortfolioBanner />
-
-      <TestimonialsSection />
-      <TraitsBanner />
-
-      <HireUsSection />
-
-      <OurStoryBanner />
-      <OurStorySection />
-      <Footer />
-    </div>
+      <HomeExperience />
+    </>
   );
 }

src/components/HireUs.tsx

@@ -693,6 +693,7 @@ export default function HireUs() {
             <LoadingIndicator />
           ) : (
             <Wizard
+              className="hire-us-wizard"
               steps={wizardSteps}
               onComplete={handleWizardComplete}
               showProgress={false}