diff --git a/app/favicon.ico b/app/favicon.ico index dc7d8431e..d144187d7 100644 Binary files a/app/favicon.ico and b/app/favicon.ico differ diff --git a/app/layout.tsx b/app/layout.tsx index 58f5a9708..5c27249a6 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,9 +1,14 @@ import Navbar from 'components/layout/navbar'; -import { GeistSans } from 'geist/font'; import { ensureStartsWith } from 'lib/utils'; +import { Happy_Monkey } from 'next/font/google'; import { ReactNode, Suspense } from 'react'; import './globals.css'; +const happymonkey = Happy_Monkey({ + weight: '400', + subsets: ['latin'] +}); + const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env; const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}` @@ -33,7 +38,7 @@ export const metadata = { export default async function RootLayout({ children }: { children: ReactNode }) { return ( - + diff --git a/app/page.tsx b/app/page.tsx index 696e35132..df2c496b7 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -8,7 +8,7 @@ import { Suspense } from 'react'; export const runtime = 'edge'; export const metadata = { - description: 'High-performance ecommerce store built with Next.js, Vercel, and Shopify.', + description: 'Welcome to The Happy Ape, where joy meets compassion!', openGraph: { type: 'website' } diff --git a/components/grid/coming-soon.tsx b/components/grid/coming-soon.tsx index 0c3407cc9..161ac87b7 100644 --- a/components/grid/coming-soon.tsx +++ b/components/grid/coming-soon.tsx @@ -1,3 +1,5 @@ +import Image from 'next/image'; + export async function ComingSoon() { // Collections that start with `hidden-*` are hidden from the search page. // const homepageItems = await getCollectionProducts({ @@ -10,42 +12,92 @@ export async function ComingSoon() { return (
-

Coming Soon...

-
-
- Welcome to The Happy Ape, 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. +
+
+

+ Welcome to
+ The Happy Ape +

+

"Where joy meets compassion"

+

+ My name is Kevin, and I am a husabnd, father of 3, and have worked in the IT space over + 10 years. I have spent the last few years in what many refer to as web3. I`ve always had + a passion for helping others. I was raised to treat others with kindness and compassion. +

+ {/* tooltip:You the stuff about blockchains and crypto and those expensive jpeg images people are buying. */} +

+ There are two goals I want to achieve. Improve mental health awareness for all ages, and + help culture a world filled with more kindness and compassion. +

-
- 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. +
+ banner
-
- 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. +
+
+
+
+

The Brand

+

+ 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. +

-
- 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. +
+
+
+

Story Books

+

+ Immerse your yourself in the enchanting world of The Happy Ape with our delightful + collection of story 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 encourage and + inspire. +

-
- 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. +
+
+
+
+
+

Plushies

+

+ Discover the warmth and comfort of The Happy Ape plushie, an adorable companion that + serves as a reminder of the power of love and compassion. Each plushie 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. +

+
+
+
+
+

Clothing Line

+

+ 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. +

+
+
+
+ +
+
+
+

Our Commitment

+

+ 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. +

diff --git a/components/icons/logo.tsx b/components/icons/logo.tsx index 46fa02464..85fc121ef 100644 --- a/components/icons/logo.tsx +++ b/components/icons/logo.tsx @@ -1,16 +1,17 @@ -import clsx from 'clsx'; +import Image from 'next/image'; -export default function LogoIcon(props: React.ComponentProps<'svg'>) { - return ( - - - - - ); +export default function LogoIcon() { + return logo; + // return ( + // + // + // + // + // ); } diff --git a/components/logo-square.tsx b/components/logo-square.tsx index eccf5cba7..73e99959f 100644 --- a/components/logo-square.tsx +++ b/components/logo-square.tsx @@ -4,13 +4,10 @@ import LogoIcon from './icons/logo'; export default function LogoSquare({ size }: { size?: 'sm' | undefined }) { return (
-
- +
+
+

{title}

diff --git a/package.json b/package.json index e2c7bd7c2..5a419ea72 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,6 @@ "@headlessui/react": "^1.7.17", "@heroicons/react": "^2.0.18", "clsx": "^2.0.0", - "geist": "^1.0.0", "next": "14.1.0", "react": "18.2.0", "react-dom": "18.2.0" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8b899b94f..ee03b00a9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10,9 +10,6 @@ dependencies: clsx: specifier: ^2.0.0 version: 2.0.0 - geist: - specifier: ^1.0.0 - version: 1.0.0 next: specifier: 14.1.0 version: 14.1.0(react-dom@18.2.0)(react@18.2.0) @@ -234,10 +231,6 @@ packages: glob: 7.1.7 dev: true - /@next/font@13.5.6: - resolution: {integrity: sha512-urmUq05uCVJsBqAAJEV+xK5OTTodrSxdiG+351SOSjlWctywdBM6qX+K9pIe3K48RxjfnxlBbXjGyOJAji+pfw==} - dev: false - /@next/swc-darwin-arm64@14.1.0: resolution: {integrity: sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==} engines: {node: '>= 10'} @@ -1536,12 +1529,6 @@ packages: resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==} dev: true - /geist@1.0.0: - resolution: {integrity: sha512-7hqXZqIdSiFbXjlMZ8Ag0fBAW8RzUjIXPkh160rT4m4ECMtsKdFX+06e0mK28oRCpU+lOB1C5Es8qxzvv7H2Hg==} - dependencies: - '@next/font': 13.5.6 - dev: false - /get-intrinsic@1.2.2: resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==} dependencies: diff --git a/public/images/banner.png b/public/images/banner.png new file mode 100644 index 000000000..46353d243 Binary files /dev/null and b/public/images/banner.png differ diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 000000000..ac37195b5 Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/images/rainbow.svg b/public/images/rainbow.svg new file mode 100644 index 000000000..a43f9fc56 --- /dev/null +++ b/public/images/rainbow.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index eaf8db155..8436f86e0 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,9 +5,6 @@ module.exports = { content: ['./app/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], theme: { extend: { - fontFamily: { - sans: ['var(--font-geist-sans)'] - }, keyframes: { fadeIn: { from: { opacity: 0 },