Getting Started with NeoMultiX

/*
  Homepage Controller
  This file controls which homepage layout is displayed.
*/

import DefaultHome from "@/features/homepages/DefaultHome";
import AIHome from "@/features/homepages/AIHome";
import SaaSHome from "@/features/homepages/SaaSHome";
import BlogHome from "@/features/homepages/BlogHome";
import EcommerceHome from "@/features/homepages/EcommerceHome";

import { getAllBlogs } from "@/lib/blog-service";
import { getAllProducts } from "@/lib/product-service";

export default function HomePage() {
  // Fetch data on the server
  const blogs = getAllBlogs();
  const allProducts = getAllProducts();

  return (
    <div>
      {/* 
        <DefaultHome />
        <SaaSHome />
        <BlogHome blogs={blogs} />
        <AIHome />
      */}
      <EcommerceHome initialProducts={allProducts} />
    </div>
  );
}

components/
└── blog-styles/            <-- Article style templates (/blog/single-blog)
    ├── style-1.tsx         <-- Layout pattern 1
    ├── style-2.tsx         <-- Layout pattern 2
    └── index.tsx           <-- Central exporter

features/
└── blogpage.tsx            <-- Blog listing page component (/blog)

components/
└── product-styles/          <-- Product detail layout templates (/products/single-product)
    ├── style-1.tsx          <-- Layout pattern 1
    ├── style-2.tsx          <-- Layout pattern 2
    └── index.tsx            <-- Style switcher controller

features/
└── productpage.tsx          <-- Product catalog listing component (/products)

app/
└── cart/
    └── page.tsx          <-- Checkout / Cart page (/cart)

components/
└── TopNav.tsx            <-- Top navigation bar containing CartCount button and link

features/
└── cart/
    └── CartPage.tsx      <-- Cart page UI (ready for Whop, Digital & Physical)

stores/
└── useCartStore.ts       <-- Cart state management with Zustand (includes addToCart)

// Toggle payment gateways inside CartPage.tsx
// Whop is pre-integrated; other gateways require custom API/Server integration.

const paymentGateways = {
  whop: true,     // Set to false to hide
  paypal: false,  // Set to false to hide
  shopify: true,  // Set to false to hide
  snipcart: false, // Set to false to hide
};

app/
└── checkout/
    ├── page.jsx                <-- Main checkout page route (/checkout)
    └── whop-success/
        └── page.jsx            <-- Checkout success callback route (/checkout/whop-success)

features/
└── checkout/
    ├── WhopCheckoutPage.jsx    <-- Embeds Whop hosted checkout (configures returnUrl)
    └── WhopSuccessPage.tsx     <-- Reads cart storage, generates order data & extracts Whop download links

// Whop Embedded Checkout Configuration
// Ensure returnUrl matches your deployed site domain in production

const returnUrl = process.env.NODE_ENV === "production"
  ? "https://yourdomain.com/checkout/whop-success"
  : "http://localhost:3000/checkout/whop-success";

features/
└── checkout/
    └── WhopCheckoutPage.tsx    <-- Configure BUNDLE_CONFIG mapping here

// 1. DEFINE BUNDLE LOGIC HERE
const BUNDLE_CONFIG = [
  {
    bundlePlanId: "plan_WUki0OsMKNWFb", // Whop plan ID for this bundle
    requiredIds: ["plan_FoQBxNZ2EIFs4", "plan_QfLYqOkgcxByI"], // Product IDs within the bundle
    bundleDownloadLink:
      "https://sandbox.whop.com/joined/neostoredev/content-to-bundle-QkGqzCDtzDnIsh/app/", // Download/Access link
  },
  // Add other bundles if needed
];