|
1 | | -export default function Page() { |
| 1 | +const Divider: React.FC<React.HTMLProps<HTMLDivElement>> = ({ children }) => { |
| 2 | + return <>{children}</>; |
| 3 | +}; |
| 4 | + |
| 5 | +interface CardProps extends React.HTMLProps<HTMLDivElement> { |
| 6 | + title: string; |
| 7 | +} |
| 8 | +const Card: React.FC<CardProps> = ({ title, children }) => { |
2 | 9 | return ( |
3 | | - <div className="flex items-center justify-center mt-12"> |
4 | | - <div className="border border-white/10 p-4 rounded-[2rem]"> |
5 | | - <div className="flex flex-col gap-2 items-center text-xl"> |
6 | | - <div |
7 | | - className="text-center dimmed-3 |
8 | | - max-w-sm sm:max-w-[550px] md:max-w-[650px] lg:max-w-[850px]" |
9 | | - > |
10 | | - <h3 className="glows-dimmed dimmed-4 text-2xl font-bold"> |
11 | | - Software Consulting |
12 | | - </h3> |
13 | | - <p className="p-2 my-1 "> |
14 | | - Experiencing roadblocks due to tricky bugs or intricate feature |
15 | | - implementations? Bring me onboard to bolster your team's |
16 | | - progress and expedite development. Beyond immediate fixes, my |
17 | | - consulting services include strategic guidance and decision-making |
18 | | - support. This includes: Team management, tailored training |
19 | | - sessions and valuable recommendations. Get in touch |
20 | | - </p> |
21 | | - <h3 className="glows-dimmed dimmed-4 text-2xl font-bold">Audits</h3> |
22 | | - <p className="p-2 my-1 "> |
23 | | - I conduct thorough independent audits to review and analyze your |
24 | | - software code quality and architectural decisions. During these |
25 | | - audits, I provide detailed insights, identify areas for |
26 | | - improvement, pinpoint potential vulnerabilities, and highlight |
27 | | - optimization opportunities. Learn more |
28 | | - </p> |
29 | | - <h3 className="glows-dimmed dimmed-4 text-2xl font-bold"> |
30 | | - Team Integration |
31 | | - </h3> |
32 | | - <p className="p-2 my-1 "> |
33 | | - Experiencing roadblocks due to tricky bugs or intricate feature |
34 | | - implementations? My services extend beyond advice to actively |
35 | | - integrate with your development process. So bring me onboard to |
36 | | - bolster your team's progress and expedite development. |
37 | | - </p> |
38 | | - </div> |
| 10 | + <div className="border border-white/10 p-4 rounded-[2rem]"> |
| 11 | + <div className="flex flex-col gap-2 items-center text-xl"> |
| 12 | + <div className="text-center dimmed-3 max-w-sm sm:max-w-[550px] md:max-w-[650px] lg:max-w-[850px]"> |
| 13 | + <h3 className="glows-dimmed dimmed-4 text-2xl font-bold">{title}</h3> |
| 14 | + <div className="p-2 my-1">{children}</div> |
39 | 15 | </div> |
40 | 16 | </div> |
41 | 17 | </div> |
42 | 18 | ); |
| 19 | +}; |
| 20 | +export default function Page() { |
| 21 | + return ( |
| 22 | + <div className="flex flex-col items-center justify-center h-screen"> |
| 23 | + <Card title="Team"> |
| 24 | + <p> |
| 25 | + Experiencing roadblocks due to tricky bugs or intricate feature |
| 26 | + implementations? My services extend beyond advice to actively |
| 27 | + integrate with your development process |
| 28 | + |
| 29 | + </p> |
| 30 | + </Card> |
| 31 | + <Card title="Another Title"> |
| 32 | + <p> |
| 33 | + Experiencing roadblocks due to tricky bugs or intricate feature |
| 34 | + implementations? My services extend beyond advice to actively |
| 35 | + integrate with your development process. |
| 36 | + </p> |
| 37 | + </Card> |
| 38 | + </div> |
| 39 | + ); |
43 | 40 | } |
0 commit comments