Replaced default app with our styles
This commit is contained in:
29
README.md
29
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`.
|
A software development company
|
||||||
|
|
||||||
## 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.
|
|
||||||
|
|||||||
15
src/components/Footer.tsx
Normal file
15
src/components/Footer.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
export const Footer: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<footer>
|
||||||
|
{/* Logo */}
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
15
src/components/Header.tsx
Normal file
15
src/components/Header.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
export const Footer: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<header>
|
||||||
|
{/* Logo */}
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
<li>{/* Navigation item */}</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -1,48 +1,40 @@
|
|||||||
import { type NextPage } from "next";
|
import { type NextPage } from "next";
|
||||||
import Head from "next/head";
|
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 = () => {
|
const Home: NextPage = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head>
|
<Head>
|
||||||
<title>Create T3 App</title>
|
<title>Sunrise</title>
|
||||||
<meta name="description" content="Generated by create-t3-app" />
|
<meta name="description" content="A software development company." />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link rel="icon" href="/favicon.ico" />
|
||||||
</Head>
|
</Head>
|
||||||
<main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
|
<main className={`${jakarta.variable} bg-white font-sans`}>
|
||||||
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16 ">
|
<h1 className="font-extrabold text-black">Sunrise</h1>
|
||||||
<h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
|
<p className="leading-relaxed text-black">
|
||||||
Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
|
Creating software that looks and works great is our specialty at
|
||||||
</h1>
|
Sunrise. Our team of experts combines artistry and technical know-how
|
||||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8">
|
to craft solutions that will make your business{" "}
|
||||||
<Link
|
<span className="font-semibold text-orange">shine</span>.
|
||||||
className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20"
|
</p>
|
||||||
href="https://create.t3.gg/en/usage/first-steps"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<h3 className="text-2xl font-bold">First Steps →</h3>
|
|
||||||
<div className="text-lg">
|
|
||||||
Just the basics - Everything you need to know to set up your
|
|
||||||
database and authentication.
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
<Link
|
|
||||||
className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20"
|
|
||||||
href="https://create.t3.gg/en/introduction"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<h3 className="text-2xl font-bold">Documentation →</h3>
|
|
||||||
<div className="text-lg">
|
|
||||||
Learn more about Create T3 App, the libraries it uses, and how
|
|
||||||
to deploy it.
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Home;
|
export default Home;
|
||||||
|
|
||||||
|
// const Hero = () => {}
|
||||||
|
// const Services = () => {}
|
||||||
|
// const Projects = () => {}
|
||||||
|
// const About = () => {}
|
||||||
|
// const Contact = () => {}
|
||||||
|
|||||||
@@ -3,7 +3,24 @@ import { type Config } from "tailwindcss";
|
|||||||
export default {
|
export default {
|
||||||
content: ["./src/**/*.{js,ts,jsx,tsx}"],
|
content: ["./src/**/*.{js,ts,jsx,tsx}"],
|
||||||
theme: {
|
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: [],
|
plugins: [],
|
||||||
} satisfies Config;
|
} satisfies Config;
|
||||||
|
|||||||
Reference in New Issue
Block a user