initial commit

2025-05-18 23:46:58 +00:00 · 2024-02-20 14:09:38 -05:00 · 2024-02-20 14:09:38 -05:00 · 00a6c76842
commit 00a6c76842
parent 3a18f9a098
10 changed files with 125 additions and 87 deletions
--- a/.env.example
+++ b/.env.example
@ -1,7 +1,7 @@
-COMPANY_NAME="Vercel Inc."
+COMPANY_NAME="Company Name"
 TWITTER_CREATOR="@vercel"
 TWITTER_SITE="https://nextjs.org/commerce"
-SITE_NAME="Next.js Commerce"
+SITE_NAME="Nextjs Commerce"
 SHOPIFY_REVALIDATION_SECRET=""
 SHOPIFY_STOREFRONT_ACCESS_TOKEN=""
 SHOPIFY_STORE_DOMAIN="[your-shopify-store-subdomain].myshopify.com"
--- a/.gitignore
+++ b/.gitignore
@ -36,3 +36,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+.env*.local
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -2,8 +2,8 @@
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true,
  "editor.codeActionsOnSave": {
-    "source.fixAll": true,
-    "source.organizeImports": true,
-    "source.sortMembers": true
+    "source.fixAll": "explicit",
+    "source.organizeImports": "explicit",
+    "source.sortMembers": "explicit"
  }
 }
--- a/app/page.tsx
+++ b/app/page.tsx
@ -1,5 +1,7 @@
-import { Carousel } from 'components/carousel';
-import { ThreeItemGrid } from 'components/grid/three-items';
+// import { Carousel } from 'components/carousel';
+// import { ThreeItemGrid } from 'components/grid/three-items';
+import { ComingSoon } from 'components/grid/coming-soon';
+
 import Footer from 'components/layout/footer';
 import { Suspense } from 'react';

@ -15,9 +17,9 @@ export const metadata = {
 export default async function HomePage() {
  return (
    <>
-      <ThreeItemGrid />
+      <ComingSoon />
      <Suspense>
-        <Carousel />
+        {/* <Carousel /> */}
        <Suspense>
          <Footer />
        </Suspense>
--- a/components/grid/coming-soon.tsx
+++ b/components/grid/coming-soon.tsx
@ -0,0 +1,53 @@
+export async function ComingSoon() {
+  // Collections that start with `hidden-*` are hidden from the search page.
+  // const homepageItems = await getCollectionProducts({
+  //   collection: 'hidden-homepage-featured-items'
+  // });
+
+  // if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;
+
+  // const [firstProduct, secondProduct, thirdProduct] = homepageItems;
+
+  return (
+    <section className="container mx-auto mb-12">
+      <p className="my-4 text-center text-4xl">Coming Soon...</p>
+      <div className="my-8 flex w-full flex-col items-center gap-y-4">
+        <div className="w-full indent-4 sm:w-1/2">
+          <span className="text-xl">Welcome to The Happy Ape</span>, where joy meets compassion! We
+          are a unique company dedicated to creating a world filled with kindness, love, and
+          positive mental health for all ages. At The Happy Ape, we believe that cultivating these
+          values is essential at every stage of life, and our diverse line of products aims to
+          foster a culture of compassion and well-being for both children and adults.
+        </div>
+        <div className="w-full indent-4 sm:w-1/2">
+          Immerse your little ones in the enchanting world of The Happy Ape with our delightful
+          collection of kids` books. Each story is carefully crafted to not only entertain but also
+          instill essential values of kindness, empathy, and understanding. Our authors and
+          illustrators work collaboratively to create captivating narratives that captivate young
+          minds and encourage positive behavior.
+        </div>
+        <div className="w-full indent-4 sm:w-1/2">
+          Discover the warmth and comfort of The Happy Ape plushy toys – adorable companions that
+          serve as reminders of the power of love and compassion. Each plushy is designed with
+          meticulous attention to detail, ensuring they become cherished friends for individuals of
+          all ages. These cuddly companions are not just toys; they are ambassadors of happiness and
+          kindness, encouraging empathy and emotional well-being.
+        </div>
+        <div className="w-full indent-4 sm:w-1/2">
+          Wrap yourself and loved ones in the embrace of positivity with our thoughtfully designed
+          clothing line. From t-shirts adorned with inspiring messages to cozy hoodies that radiate
+          warmth, The Happy Ape clothing collection not only keeps your children stylish but also
+          spreads the message of love and mental health awareness. Our designs are not just fashion
+          statements; they are expressions of a culture that values well-being and compassion.
+        </div>
+        <div className="w-full indent-4 sm:w-1/2">
+          At The Happy Ape, our commitment is to positively impact the world by nurturing people of
+          all ages with love, kindness, and a solid foundation in mental health. Join us on this
+          journey of creating a brighter and happier future for all. Let The Happy Ape be your
+          companion in cultivating thoughtful, compassionate, and mentally resilient individuals who
+          contribute to making the world a better place, one person at a time.
+        </div>
+      </div>
+    </section>
+  );
+}
--- a/components/layout/footer.tsx
+++ b/components/layout/footer.tsx
@ -1,22 +1,18 @@
-import Link from 'next/link';
-
-import FooterMenu from 'components/layout/footer-menu';
-import LogoSquare from 'components/logo-square';
-import { getMenu } from 'lib/shopify';
-import { Suspense } from 'react';
+// import FooterMenu from 'components/layout/footer-menu';
+// import { getMenu } from 'lib/shopify';

 const { COMPANY_NAME, SITE_NAME } = process.env;

 export default async function Footer() {
  const currentYear = new Date().getFullYear();
  const copyrightDate = 2023 + (currentYear > 2023 ? `-${currentYear}` : '');
-  const skeleton = 'w-full h-6 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700';
-  const menu = await getMenu('next-js-frontend-footer-menu');
+  // const skeleton = 'w-full h-6 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700';
+  // const menu = await getMenu('next-js-frontend-footer-menu');
  const copyrightName = COMPANY_NAME || SITE_NAME || '';

  return (
    <footer className="text-sm text-neutral-500 dark:text-neutral-400">
-      <div className="mx-auto flex w-full max-w-7xl flex-col gap-6 border-t border-neutral-200 px-6 py-12 text-sm dark:border-neutral-700 md:flex-row md:gap-12 md:px-4 min-[1320px]:px-0">
+      {/* <div className="mx-auto flex w-full max-w-7xl flex-col gap-6 border-t border-neutral-200 px-6 py-12 text-sm dark:border-neutral-700 md:flex-row md:gap-12 md:px-4 min-[1320px]:px-0">
        <div>
          <Link className="flex items-center gap-2 text-black dark:text-white md:pt-1" href="/">
            <LogoSquare size="sm" />
@ -38,17 +34,9 @@ export default async function Footer() {
          <FooterMenu menu={menu} />
        </Suspense>
        <div className="md:ml-auto">
-          <a
-            className="flex h-8 w-max flex-none items-center justify-center rounded-md border border-neutral-200 bg-white text-xs text-black dark:border-neutral-700 dark:bg-black dark:text-white"
-            aria-label="Deploy on Vercel"
-            href="https://vercel.com/templates/next.js/nextjs-commerce"
-          >
-            <span className="px-3">▲</span>
-            <hr className="h-full border-r border-neutral-200 dark:border-neutral-700" />
-            <span className="px-3">Deploy</span>
-          </a>
-        </div>
+          <p className='text-black dark:text-white'>Socials</p>
        </div>
+      </div> */}
      <div className="border-t border-neutral-200 py-6 text-sm dark:border-neutral-700">
        <div className="mx-auto flex w-full max-w-7xl flex-col items-center gap-1 px-4 md:flex-row md:gap-0 md:px-4 min-[1320px]:px-0">
          <p>
@ -56,10 +44,10 @@ export default async function Footer() {
            {copyrightName.length && !copyrightName.endsWith('.') ? '.' : ''} All rights reserved.
          </p>
          <hr className="mx-4 hidden h-4 w-[1px] border-l border-neutral-400 md:inline-block" />
-          <p>Designed in California</p>
+          <p>Designed with love</p>
          <p className="md:ml-auto">
-            <a href="https://vercel.com" className="text-black dark:text-white">
-              Crafted by ▲ Vercel
+            <a href="https://twitter.com/0xBoredDev" className="text-black dark:text-white">
+              Crafted by Ape#4138
            </a>
          </p>
        </div>
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@ -1,7 +1,6 @@
 import Cart from 'components/cart';
 import OpenCart from 'components/cart/open-cart';
 import LogoSquare from 'components/logo-square';
-import { getMenu } from 'lib/shopify';
 import { Menu } from 'lib/shopify/types';
 import Link from 'next/link';
 import { Suspense } from 'react';
@ -10,7 +9,8 @@ import Search from './search';
 const { SITE_NAME } = process.env;

 export default async function Navbar() {
-  const menu = await getMenu('next-js-frontend-header-menu');
+  // const menu = await getMenu('next-js-frontend-header-menu');
+  const menu: Menu[] = [];

  return (
    <nav className="relative flex items-center justify-between p-4 lg:px-6">
--- a/components/layout/navbar/search.tsx
+++ b/components/layout/navbar/search.tsx
@ -30,9 +30,10 @@ export default function Search() {
        key={searchParams?.get('q')}
        type="text"
        name="search"
-        placeholder="Search for products..."
+        placeholder="Search for products coming soon..."
        autoComplete="off"
        defaultValue={searchParams?.get('q') || ''}
+        disabled={true}
        className="w-full rounded-lg border bg-white px-4 py-2 text-sm text-black placeholder:text-neutral-500 dark:border-neutral-800 dark:bg-transparent dark:text-white dark:placeholder:text-neutral-400"
      />
      <div className="absolute right-0 top-0 mr-3 flex h-full items-center">
--- a/package.json
+++ b/package.json
@ -26,7 +26,7 @@
    "@heroicons/react": "^2.0.18",
    "clsx": "^2.0.0",
    "geist": "^1.0.0",
-    "next": "14.0.0",
+    "next": "14.1.0",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -1,9 +1,5 @@
 lockfileVersion: '6.0'

-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 dependencies:
  '@headlessui/react':
    specifier: ^1.7.17
@ -18,8 +14,8 @@ dependencies:
    specifier: ^1.0.0
    version: 1.0.0
  next:
-    specifier: 14.0.0
-    version: 14.0.0(react-dom@18.2.0)(react@18.2.0)
+    specifier: 14.1.0
+    version: 14.1.0(react-dom@18.2.0)(react@18.2.0)
  react:
    specifier: 18.2.0
    version: 18.2.0
@ -228,8 +224,8 @@ packages:
      '@jridgewell/sourcemap-codec': 1.4.15
    dev: true

-  /@next/env@14.0.0:
-    resolution: {integrity: sha512-cIKhxkfVELB6hFjYsbtEeTus2mwrTC+JissfZYM0n+8Fv+g8ucUfOlm3VEDtwtwydZ0Nuauv3bl0qF82nnCAqA==}
+  /@next/env@14.1.0:
+    resolution: {integrity: sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw==}
    dev: false

  /@next/eslint-plugin-next@14.0.0:
@ -242,8 +238,8 @@ packages:
    resolution: {integrity: sha512-urmUq05uCVJsBqAAJEV+xK5OTTodrSxdiG+351SOSjlWctywdBM6qX+K9pIe3K48RxjfnxlBbXjGyOJAji+pfw==}
    dev: false

-  /@next/swc-darwin-arm64@14.0.0:
-    resolution: {integrity: sha512-HQKi159jCz4SRsPesVCiNN6tPSAFUkOuSkpJsqYTIlbHLKr1mD6be/J0TvWV6fwJekj81bZV9V/Tgx3C2HO9lA==}
+  /@next/swc-darwin-arm64@14.1.0:
+    resolution: {integrity: sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [darwin]
@ -251,8 +247,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-darwin-x64@14.0.0:
-    resolution: {integrity: sha512-4YyQLMSaCgX/kgC1jjF3s3xSoBnwHuDhnF6WA1DWNEYRsbOOPWjcYhv8TKhRe2ApdOam+VfQSffC4ZD+X4u1Cg==}
+  /@next/swc-darwin-x64@14.1.0:
+    resolution: {integrity: sha512-1jgudN5haWxiAl3O1ljUS2GfupPmcftu2RYJqZiMJmmbBT5M1XDffjUtRUzP4W3cBHsrvkfOFdQ71hAreNQP6g==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [darwin]
@ -260,8 +256,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-linux-arm64-gnu@14.0.0:
-    resolution: {integrity: sha512-io7fMkJ28Glj7SH8yvnlD6naIhRDnDxeE55CmpQkj3+uaA2Hko6WGY2pT5SzpQLTnGGnviK85cy8EJ2qsETj/g==}
+  /@next/swc-linux-arm64-gnu@14.1.0:
+    resolution: {integrity: sha512-RHo7Tcj+jllXUbK7xk2NyIDod3YcCPDZxj1WLIYxd709BQ7WuRYl3OWUNG+WUfqeQBds6kvZYlc42NJJTNi4tQ==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
@ -269,8 +265,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-linux-arm64-musl@14.0.0:
-    resolution: {integrity: sha512-nC2h0l1Jt8LEzyQeSs/BKpXAMe0mnHIMykYALWaeddTqCv5UEN8nGO3BG8JAqW/Y8iutqJsaMe2A9itS0d/r8w==}
+  /@next/swc-linux-arm64-musl@14.1.0:
+    resolution: {integrity: sha512-v6kP8sHYxjO8RwHmWMJSq7VZP2nYCkRVQ0qolh2l6xroe9QjbgV8siTbduED4u0hlk0+tjS6/Tuy4n5XCp+l6g==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
@ -278,8 +274,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-linux-x64-gnu@14.0.0:
-    resolution: {integrity: sha512-Wf+WjXibJQ7hHXOdNOmSMW5bxeJHVf46Pwb3eLSD2L76NrytQlif9NH7JpHuFlYKCQGfKfgSYYre5rIfmnSwQw==}
+  /@next/swc-linux-x64-gnu@14.1.0:
+    resolution: {integrity: sha512-zJ2pnoFYB1F4vmEVlb/eSe+VH679zT1VdXlZKX+pE66grOgjmKJHKacf82g/sWE4MQ4Rk2FMBCRnX+l6/TVYzQ==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
@ -287,8 +283,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-linux-x64-musl@14.0.0:
-    resolution: {integrity: sha512-WTZb2G7B+CTsdigcJVkRxfcAIQj7Lf0ipPNRJ3vlSadU8f0CFGv/ST+sJwF5eSwIe6dxKoX0DG6OljDBaad+rg==}
+  /@next/swc-linux-x64-musl@14.1.0:
+    resolution: {integrity: sha512-rbaIYFt2X9YZBSbH/CwGAjbBG2/MrACCVu2X0+kSykHzHnYH5FjHxwXLkcoJ10cX0aWCEynpu+rP76x0914atg==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
@ -296,8 +292,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-win32-arm64-msvc@14.0.0:
-    resolution: {integrity: sha512-7R8/x6oQODmNpnWVW00rlWX90sIlwluJwcvMT6GXNIBOvEf01t3fBg0AGURNKdTJg2xNuP7TyLchCL7Lh2DTiw==}
+  /@next/swc-win32-arm64-msvc@14.1.0:
+    resolution: {integrity: sha512-o1N5TsYc8f/HpGt39OUQpQ9AKIGApd3QLueu7hXk//2xq5Z9OxmV6sQfNp8C7qYmiOlHYODOGqNNa0e9jvchGQ==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [win32]
@ -305,8 +301,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-win32-ia32-msvc@14.0.0:
-    resolution: {integrity: sha512-RLK1nELvhCnxaWPF07jGU4x3tjbyx2319q43loZELqF0+iJtKutZ+Lk8SVmf/KiJkYBc7Cragadz7hb3uQvz4g==}
+  /@next/swc-win32-ia32-msvc@14.1.0:
+    resolution: {integrity: sha512-XXIuB1DBRCFwNO6EEzCTMHT5pauwaSj4SWs7CYnME57eaReAKBXCnkUE80p/pAZcewm7hs+vGvNqDPacEXHVkw==}
    engines: {node: '>= 10'}
    cpu: [ia32]
    os: [win32]
@ -314,8 +310,8 @@ packages:
    dev: false
    optional: true

-  /@next/swc-win32-x64-msvc@14.0.0:
-    resolution: {integrity: sha512-g6hLf1SUko+hnnaywQQZzzb3BRecQsoKkF3o/C+F+dOA4w/noVAJngUVkfwF0+2/8FzNznM7ofM6TGZO9svn7w==}
+  /@next/swc-win32-x64-msvc@14.1.0:
+    resolution: {integrity: sha512-9WEbVRRAqJ3YFVqEZIxUqkiO8l1nool1LmNxygr5HWF8AcSYsEpneUDhmjUVJEzO2A04+oPtZdombzzPPkTtgg==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [win32]
@ -752,6 +748,11 @@ packages:

  /caniuse-lite@1.0.30001554:
    resolution: {integrity: sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==}
+    dev: true
+
+  /caniuse-lite@1.0.30001588:
+    resolution: {integrity: sha512-+hVY9jE44uKLkH0SrUTqxjxqNTOWHsbnQDIKjwkZ3lNTzUUVdBLBGXtj/q5Mp5u98r3droaZAewQuEDzjQdZlQ==}
+    dev: false

  /chalk@2.4.2:
    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@ -1583,10 +1584,6 @@ packages:
      is-glob: 4.0.3
    dev: true

-  /glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
-    dev: false
-
  /glob@7.1.6:
    resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
    dependencies:
@ -2204,8 +2201,8 @@ packages:
    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
    dev: true

-  /next@14.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-J0jHKBJpB9zd4+c153sair0sz44mbaCHxggs8ryVXSFBuBqJ8XdE9/ozoV85xGh2VnSjahwntBZZgsihL9QznA==}
+  /next@14.1.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-wlzrsbfeSU48YQBjZhDzOwhWhGsy+uQycR8bHAOt1LY1bn3zZEcDyHQOEoN3aWzQ8LHCAJ1nqrWCc9XF2+O45Q==}
    engines: {node: '>=18.17.0'}
    hasBin: true
    peerDependencies:
@ -2219,25 +2216,25 @@ packages:
      sass:
        optional: true
    dependencies:
-      '@next/env': 14.0.0
+      '@next/env': 14.1.0
      '@swc/helpers': 0.5.2
      busboy: 1.6.0
-      caniuse-lite: 1.0.30001554
+      caniuse-lite: 1.0.30001588
+      graceful-fs: 4.2.11
      postcss: 8.4.31
      react: 18.2.0
      react-dom: 18.2.0(react@18.2.0)
      styled-jsx: 5.1.1(react@18.2.0)
-      watchpack: 2.4.0
    optionalDependencies:
-      '@next/swc-darwin-arm64': 14.0.0
-      '@next/swc-darwin-x64': 14.0.0
-      '@next/swc-linux-arm64-gnu': 14.0.0
-      '@next/swc-linux-arm64-musl': 14.0.0
-      '@next/swc-linux-x64-gnu': 14.0.0
-      '@next/swc-linux-x64-musl': 14.0.0
-      '@next/swc-win32-arm64-msvc': 14.0.0
-      '@next/swc-win32-ia32-msvc': 14.0.0
-      '@next/swc-win32-x64-msvc': 14.0.0
+      '@next/swc-darwin-arm64': 14.1.0
+      '@next/swc-darwin-x64': 14.1.0
+      '@next/swc-linux-arm64-gnu': 14.1.0
+      '@next/swc-linux-arm64-musl': 14.1.0
+      '@next/swc-linux-x64-gnu': 14.1.0
+      '@next/swc-linux-x64-musl': 14.1.0
+      '@next/swc-win32-arm64-msvc': 14.1.0
+      '@next/swc-win32-ia32-msvc': 14.1.0
+      '@next/swc-win32-x64-msvc': 14.1.0
    transitivePeerDependencies:
      - '@babel/core'
      - babel-plugin-macros
@ -3263,14 +3260,6 @@ packages:
      spdx-expression-parse: 3.0.1
    dev: true

-  /watchpack@2.4.0:
-    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-    dev: false
-
  /which-boxed-primitive@1.0.2:
    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
    dependencies:
@ -3353,3 +3342,7 @@ packages:
    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
    engines: {node: '>=10'}
    dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false