From 4ec4b3bf681ff9de30cc31c59180a47500529790 Mon Sep 17 00:00:00 2001 From: Asante-ntiro Date: Sat, 7 Dec 2024 14:11:34 +0300 Subject: [PATCH] added Asante's personal page --- .../page.tsx | 27 +++++-------------- 1 file changed, 7 insertions(+), 20 deletions(-) diff --git a/packages/nextjs/app/builders/0xdfaA26eeE0d9Ed0dB940191014872bE40D2F3Ae5/page.tsx b/packages/nextjs/app/builders/0xdfaA26eeE0d9Ed0dB940191014872bE40D2F3Ae5/page.tsx index e0d5700..e98bc9c 100644 --- a/packages/nextjs/app/builders/0xdfaA26eeE0d9Ed0dB940191014872bE40D2F3Ae5/page.tsx +++ b/packages/nextjs/app/builders/0xdfaA26eeE0d9Ed0dB940191014872bE40D2F3Ae5/page.tsx @@ -4,21 +4,9 @@ import { FaEnvelope, FaGithub, FaLinkedinIn } from "react-icons/fa6"; import { Address } from "~~/components/scaffold-eth"; const styles = { - card: "max-w-4xl mx-auto p-12 bg-base-100 rounded-2xl shadow-xl border border-base-300 dark:bg-base-200 dark:border-base-400", - profileSection: "flex gap-4 flex-col md:flex-row items-center md:items-start", - avatarContainer: "relative group flex justify-center items-center gap-2", - nameSection: "flex-1 text-center md:text-center space-y-2", - name: "text-4xl font-extrabold text-base-content dark:text-white bg-gradient-to-r from-primary to-secondary bg-clip-text", - section: "mt-10", - sectionTitle: "text-2xl font-extrabold mb-6 text-base-content dark:text-white flex items-center gap-2", - titleIcon: "w-6 h-6 text-primary", bio: "text-base-content dark:text-white font-semibold leading-relaxed text-lg", - socialLinks: "flex gap-6 items-center justify-center md:justify-start mt-8", socialIcon: "p-3 hover:bg-base-200 dark:hover:bg-base-300 rounded-xl transition-all duration-200 hover:scale-110 hover:shadow-md text-base-content dark:text-white", - divider: "my-8 border-t border-base-300 dark:border-base-400", - addressContainer: - "mt-2 bg-base-200 dark:bg-base-300 py-2 px-4 rounded-lg inline-block text-base-content dark:text-white", }; const builderDetails = { @@ -58,30 +46,29 @@ const builderDetails = { const AsanteNtiroBuilderPage: NextPage = () => { return (
-
+
Gil Profile Picture
-
-

{builderDetails.name}

-
+
+

{builderDetails.name}

+
-
+

About Me

-

{builderDetails.bio}

-
+

Let's Connect

{builderDetails.links.github && (