mickeymarse / 21-sid-website

Website for 21 Sid built in Next.js by me, @marikaferrari and @marcornc.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

21-sid-website's Issues

Headless CMS

Create 21 Sid account and setup the API.

Rainbow background

Create the radials pink and green effect for desktop and switch to a gradient for mobile.
This will be used as a background for all the pages.

Instagram carousel

Setup Instagram API to create image carousel on the homepage.

Contact

Create a Contact page:

• Contact
• Opening hours and contacts
• Image
• Static map image/embedded Google Maps code

Bespoke Cakes

Create page for cakes enquiry:

• Form (to check)

About

Create an About page:

• About us
• Image
• Little history

Create Homepage

Create fully style homepage.

The homepage contains:

• Short description
• Photo gallery
• Scroll to top hand icon

Reserve space/slots for:

• Navbar
• Header
• Footer
• Instagram carousel

Header component

Create a reusable component with:

• Logo
• Company name

This will be displayed on all pages.

Navbar/Burger menu

Create the navbar (for desktop) and the burger menu (for mobile) following FIgma design.

Create pages

Create pages for bespoke cakes, tarot readings, about us, contacts.

Tarot Readings

Create page for tarot enquiry:

• Form (check which inputs Laura wants) and button

Footer

Create footer with:

• Company name
• Address
• Opening hours
• Contact number
• Health and safety rating (to check)
• London Living Wage (to check)
• Copyright and credits (to check)