Refactor Contact Section in Home page by removing detailed content and simplifying the structure; update Section component to make children optional for better flexibility.
This commit is contained in:
parent
1b03555e60
commit
3c46fd25e4
2 changed files with 2 additions and 24 deletions
|
|
@ -1,7 +1,7 @@
|
|||
import { ReactNode } from 'react';
|
||||
|
||||
interface SectionProps {
|
||||
children: ReactNode;
|
||||
children?: ReactNode;
|
||||
title?: string;
|
||||
subtitle?: string;
|
||||
className?: string;
|
||||
|
|
|
|||
24
app/page.tsx
24
app/page.tsx
|
|
@ -332,29 +332,7 @@ export default function Home() {
|
|||
</Section>
|
||||
|
||||
{/* Contact Section */}
|
||||
<Section title="Get In Touch" subtitle="Let's connect and discuss opportunities">
|
||||
<div className="max-w-2xl mx-auto">
|
||||
<Card variant="glass" className="text-center">
|
||||
<CardContent>
|
||||
<p className="text-gray-300 mb-6 text-lg">
|
||||
I'm always interested in new opportunities and collaborations.
|
||||
Feel free to reach out!
|
||||
</p>
|
||||
<div className="flex flex-wrap justify-center gap-4">
|
||||
<Button variant="primary" size="lg">
|
||||
Email: example@example.com
|
||||
</Button>
|
||||
<Button variant="outline" size="lg">
|
||||
LinkedIn Profile
|
||||
</Button>
|
||||
<Button variant="outline" size="lg">
|
||||
GitHub Profile
|
||||
</Button>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</Section>
|
||||
<Section title="Get In Touch" subtitle="Let's connect and discuss opportunities"/>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue