Skip to content

Commit 669b437

Browse files
sixtusdevelopersixtusdeveloper
committed
Commit on few file
1 parent 8a7c6cc commit 669b437

17 files changed

+488
-36
lines changed

‎App.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Hero from "./components/Hero";
2+
3+
export default function App() {
4+
return (
5+
<main className="relative bg-black-100 flex justify-center items-center flex-col overflow-hidden mx-auto sm:px-10 px-5">
6+
<div className="max-w-7xl w-full">
7+
<Hero />
8+
</div>
9+
</main>
10+
);
11+
}

‎src/components/Footer.tsx renamed to ‎components/Footer.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
// import React from 'react';
22

3+
import React from "react";
4+
35
const Footer = () => {
46
return (
57
<footer className="bg-aliceblue w-full mx-auto py-3 text-center">

‎components/Hero.tsx

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import React from 'react';
2+
import { Spotlight } from './ui/Spotlight';
3+
4+
const Hero = () => {
5+
return (
6+
<div className="pb-20 pt-36">
7+
<div>
8+
<Spotlight
9+
className='-top-20 -left-20 md:-left-32 md:-top-20 h-screen' fill='white'
10+
11+
/>
12+
</div>
13+
</div>
14+
)
15+
}
16+
17+
export default Hero

‎src/components/UserRegistration/UserRegistration.tsx renamed to ‎components/UserRegistration.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, { useState } from 'react';
2-
import Footer from '../Footer';
2+
// import Footer from '@/components/Footer';
33

44
const UserRegistration: React.FC = () => {
55
const [name, setName] = useState('');
@@ -93,7 +93,7 @@ const UserRegistration: React.FC = () => {
9393
</div>
9494
</div>
9595
{/* Footer section */}
96-
<Footer />
96+
{/* <Footer /> */}
9797
</section>
9898
);
9999
};

‎components/ui/Spotlight.tsx

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import React from "react";
2+
import { cn } from "utils/cn";
3+
4+
type SpotlightProps = {
5+
className?: string;
6+
fill?: string;
7+
};
8+
9+
export const Spotlight = ({ className, fill }: SpotlightProps) => {
10+
return (
11+
<svg
12+
className={cn(
13+
"animate-spotlight pointer-events-none absolute z-[1] h-[169%] w-[138%] lg:w-[84%] opacity-0",
14+
className
15+
)}
16+
xmlns="http://www.w3.org/2000/svg"
17+
viewBox="0 0 3787 2842"
18+
fill="none"
19+
>
20+
<g filter="url(#filter)">
21+
<ellipse
22+
cx="1924.71"
23+
cy="273.501"
24+
rx="1924.71"
25+
ry="273.501"
26+
transform="matrix(-0.822377 -0.568943 -0.568943 0.822377 3631.88 2291.09)"
27+
fill={fill || "white"}
28+
fillOpacity="0.21"
29+
></ellipse>
30+
</g>
31+
<defs>
32+
<filter
33+
id="filter"
34+
x="0.860352"
35+
y="0.838989"
36+
width="3785.16"
37+
height="2840.26"
38+
filterUnits="userSpaceOnUse"
39+
colorInterpolationFilters="sRGB"
40+
>
41+
<feFlood floodOpacity="0" result="BackgroundImageFix"></feFlood>
42+
<feBlend
43+
mode="normal"
44+
in="SourceGraphic"
45+
in2="BackgroundImageFix"
46+
result="shape"
47+
></feBlend>
48+
<feGaussianBlur
49+
stdDeviation="151"
50+
result="effect1_foregroundBlur_1065_8"
51+
></feGaussianBlur>
52+
</filter>
53+
</defs>
54+
</svg>
55+
);
56+
};

‎src/firebase.ts renamed to ‎firebase.ts

File renamed without changes.

‎src/index.css renamed to ‎index.css

File renamed without changes.

‎index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="root"></div>
11-
<script type="module" src="/src/main.tsx"></script>
11+
<script type="module" src="./src/main.tsx"></script>
1212
</body>
1313
</html>

‎package-lock.json

+68-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+6-1
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,14 @@
1010
"preview": "vite preview"
1111
},
1212
"dependencies": {
13+
"clsx": "^2.1.1",
1314
"firebase": "^10.12.3",
15+
"framer-motion": "^11.2.13",
16+
"mini-svg-data-uri": "^1.4.4",
1417
"react": "^18.3.1",
15-
"react-dom": "^18.3.1"
18+
"react-dom": "^18.3.1",
19+
"tailwind-merge": "^2.4.0",
20+
"tailwindcss-animate": "^1.0.7"
1621
},
1722
"devDependencies": {
1823
"@types/react": "^18.3.3",

‎src/App.css

+86-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,89 @@
1-
/* index.css */
21
@tailwind base;
32
@tailwind components;
43
@tailwind utilities;
4+
5+
@layer base {
6+
:root {
7+
--background: 0 0% 100%;
8+
--foreground: 240 10% 3.9%;
9+
10+
--card: 0 0% 100%;
11+
--card-foreground: 240 10% 3.9%;
12+
13+
--popover: 0 0% 100%;
14+
--popover-foreground: 240 10% 3.9%;
15+
16+
--primary: 240 5.9% 10%;
17+
--primary-foreground: 0 0% 98%;
18+
19+
--secondary: 240 4.8% 95.9%;
20+
--secondary-foreground: 240 5.9% 10%;
21+
22+
--muted: 240 4.8% 95.9%;
23+
--muted-foreground: 240 3.8% 46.1%;
24+
25+
--accent: 240 4.8% 95.9%;
26+
--accent-foreground: 240 5.9% 10%;
27+
28+
--destructive: 0 84.2% 60.2%;
29+
--destructive-foreground: 0 0% 98%;
30+
31+
--border: 240 5.9% 90%;
32+
--input: 240 5.9% 90%;
33+
--ring: 240 10% 3.9%;
34+
35+
--radius: 0.5rem;
36+
}
37+
38+
.dark {
39+
--background: 240 10% 3.9%;
40+
--foreground: 0 0% 98%;
41+
42+
--card: 240 10% 3.9%;
43+
--card-foreground: 0 0% 98%;
44+
45+
--popover: 240 10% 3.9%;
46+
--popover-foreground: 0 0% 98%;
47+
48+
--primary: 0 0% 98%;
49+
--primary-foreground: 240 5.9% 10%;
50+
51+
--secondary: 240 3.7% 15.9%;
52+
--secondary-foreground: 0 0% 98%;
53+
54+
--muted: 240 3.7% 15.9%;
55+
--muted-foreground: 240 5% 64.9%;
56+
57+
--accent: 240 3.7% 15.9%;
58+
--accent-foreground: 0 0% 98%;
59+
60+
--destructive: 0 62.8% 30.6%;
61+
--destructive-foreground: 0 0% 98%;
62+
63+
--border: 240 3.7% 15.9%;
64+
--input: 240 3.7% 15.9%;
65+
--ring: 240 4.9% 83.9%;
66+
}
67+
}
68+
69+
@layer base {
70+
* {
71+
@apply border-border !scroll-smooth;
72+
}
73+
body {
74+
@apply bg-background text-foreground;
75+
}
76+
button {
77+
@apply active:outline-none;
78+
}
79+
}
80+
81+
@layer utilities {
82+
.heading {
83+
@apply font-bold text-4xl md:text-5xl text-center;
84+
}
85+
86+
.black-gradient {
87+
background: linear-gradient(90deg, #161a31 0%, #06091f 100%);
88+
}
89+
}

‎src/App.tsx

-7
This file was deleted.

‎src/main.tsx

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import React from 'react'
22
import ReactDOM from 'react-dom/client'
3-
import App from './App.tsx'
4-
import './index.css'
3+
import App from '../App.tsx'
4+
// import UserRegistration from 'components/UserRegistration'
5+
import '../index.css'
56

67
ReactDOM.createRoot(document.getElementById('root')!).render(
78
<React.StrictMode>
89
<App />
10+
{/* <UserRegistration /> */}
911
</React.StrictMode>,
1012
)

‎tailwind.config.js

-20
This file was deleted.

0 commit comments

Comments
 (0)