diff --git a/README.md b/README.md index fba19ed..e0bada5 100644 --- a/README.md +++ b/README.md @@ -1,28 +1,3 @@ -# Create T3 App +# Sunrise -This is a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`. - -## What's next? How do I make an app with this? - -We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary. - -If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our [Discord](https://t3.gg/discord) and ask for help. - -- [Next.js](https://nextjs.org) -- [NextAuth.js](https://next-auth.js.org) -- [Prisma](https://prisma.io) -- [Tailwind CSS](https://tailwindcss.com) -- [tRPC](https://trpc.io) - -## Learn More - -To learn more about the [T3 Stack](https://create.t3.gg/), take a look at the following resources: - -- [Documentation](https://create.t3.gg/) -- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available) — Check out these awesome tutorials - -You can check out the [create-t3-app GitHub repository](https://github.com/t3-oss/create-t3-app) — your feedback and contributions are welcome! - -## How do I deploy this? - -Follow our deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information. +A software development company diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx new file mode 100644 index 0000000..7bae1e3 --- /dev/null +++ b/src/components/Footer.tsx @@ -0,0 +1,15 @@ +export const Footer: React.FC = () => { + return ( + + ); +}; diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 0000000..d8e6aff --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,15 @@ +export const Footer: React.FC = () => { + return ( +
+ {/* Logo */} + +
+ ); +}; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 5513c42..cf8aeb6 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,48 +1,40 @@ import { type NextPage } from "next"; import Head from "next/head"; -import Link from "next/link"; +import { Plus_Jakarta_Sans } from "next/font/google"; + +const jakarta = Plus_Jakarta_Sans({ + subsets: ["latin"], + weight: ["400", "600", "800"], + display: "block", + preload: true, + variable: "--font-jakarta", +}); const Home: NextPage = () => { return ( <> - Create T3 App - + Sunrise + -
-
-

- Create T3 App -

-
- -

First Steps →

-
- Just the basics - Everything you need to know to set up your - database and authentication. -
- - -

Documentation →

-
- Learn more about Create T3 App, the libraries it uses, and how - to deploy it. -
- -
-
+
+

Sunrise

+

+ Creating software that looks and works great is our specialty at + Sunrise. Our team of experts combines artistry and technical know-how + to craft solutions that will make your business{" "} + shine. +

); }; export default Home; + +// const Hero = () => {} +// const Services = () => {} +// const Projects = () => {} +// const About = () => {} +// const Contact = () => {} diff --git a/tailwind.config.ts b/tailwind.config.ts index d4d3fa2..91ad167 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -3,7 +3,24 @@ import { type Config } from "tailwindcss"; export default { content: ["./src/**/*.{js,ts,jsx,tsx}"], theme: { - extend: {}, + extend: { + container: { + center: true, + padding: "1.5rem", + }, + fontFamily: { + sans: ["var(--font-jakarta)"], + }, + colors: { + blue: "#264653", + green: "#2A9D8F", + yellow: "#E9C46A", + orange: "#F4A261", + red: "#E76F51", + white: "#EAD9C2", + black: "#2E251E", + }, + }, }, plugins: [], } satisfies Config;