Update site name to JUST BUY

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/vercel/commerce?shareId=XXXX-XXXX-XXXX-XXXX).

README.md

@@ -72,4 +72,23 @@ Your app should now be running on [localhost:3000](http://localhost:3000/).
 
 ## Vercel, Next.js Commerce, and Shopify Integration Guide
 
-You can use this comprehensive [integration guide](https://vercel.com/docs/integrations/ecommerce/shopify) with step-by-step instructions on how to configure Shopify as a headless CMS using Next.js Commerce as your headless Shopify storefront on Vercel.
+You can use this comprehensive [integration guide](://vercel.com/docs/integrations/ecommerce/shopify) with step-by-step instructions on how to configure Shopify as a headless CMS using Next.js Commerce as your headless Shopify storefront on Vercel.
+
+## Environment Variables
+
+The following environment variables are required to run the project:
+
+- `COMPANY_NAME`: The name of your company.
+- `SITE_NAME`: The name of your site.
+- `SHOPIFY_REVALIDATION_SECRET`: Your Shopify revalidation secret.
+- `SHOPIFY_STOREFRONT_ACCESS_TOKEN`: Your Shopify storefront access token.
+- `SHOPIFY_STORE_DOMAIN`: Your Shopify store domain.
+
+## Deploying to Vercel
+
+To deploy the project to Vercel, follow these steps:
+
+1. Install Vercel CLI: `npm i -g vercel`
+2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`
+3. Download your environment variables: `vercel env pull`
+4. Deploy the project: `vercel --prod`

app/layout.tsx

@@ -8,7 +8,7 @@ import { Toaster } from 'sonner';
 import './globals.css';
 import { baseUrl } from 'lib/utils';
 
-const { SITE_NAME } = process.env;
+const SITE_NAME = "JUST BUY";
 
 export const metadata = {
   metadataBase: new URL(baseUrl),

components/layout/footer.tsx

@@ -12,7 +12,7 @@ export default async function Footer() {
   const copyrightDate = 2023 + (currentYear > 2023 ? `-${currentYear}` : '');
   const skeleton = 'w-full h-6 animate-pulse rounded-sm bg-neutral-200 dark:bg-neutral-700';
   const menu = await getMenu('next-js-frontend-footer-menu');
-  const copyrightName = COMPANY_NAME || SITE_NAME || '';
+  const copyrightName = COMPANY_NAME || "JUST BUY" || '';
 
   return (
     <footer className="text-sm text-neutral-500 dark:text-neutral-400">
@@ -20,7 +20,7 @@ export default async function Footer() {
         <div>
           <Link className="flex items-center gap-2 text-black md:pt-1 dark:text-white" href="/">
             <LogoSquare size="sm" />
-            <span className="uppercase">{SITE_NAME}</span>
+            <span className="uppercase">JUST BUY</span>
           </Link>
         </div>
         <Suspense

components/layout/navbar/index.tsx

@@ -7,7 +7,7 @@ import { Suspense } from 'react';
 import MobileMenu from './mobile-menu';
 import Search, { SearchSkeleton } from './search';
 
-const { SITE_NAME } = process.env;
+const SITE_NAME = "JUST BUY";
 
 export async function Navbar() {
   const menu = await getMenu('next-js-frontend-header-menu');