From 18a44ac2b70fc4e4960a941310cf59c79c834eea Mon Sep 17 00:00:00 2001 From: eduramme Date: Mon, 18 Nov 2024 16:36:32 -0300 Subject: [PATCH 01/14] refactor: include Heading and Text on Brand Assets page --- .../components/2 - molecules/brand-assets.tsx | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/brand-assets.tsx b/apps/namehashlabs.org/components/2 - molecules/brand-assets.tsx index 07a62470e..fbae59a24 100644 --- a/apps/namehashlabs.org/components/2 - molecules/brand-assets.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/brand-assets.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; import { PreSectionText } from "../1 - atoms"; import { ColorfulBg } from "../1 - atoms/colorful-bg"; import { ColorfulDownloadIcon } from "../1 - atoms/icons/colorful-download-icon"; -import { Button, Link } from "@namehash/namekit-react"; +import { Button, Heading, Link, Text } from "@namehash/namekit-react"; export const BrandAssets = () => { return ( @@ -20,15 +20,16 @@ export const BrandAssets = () => {
-

- Download assets -

-

+ Download assets + Working together with Namehash Labs or crafting an article featuring us? Explore the official Namehash Labs assets available on our Github to incorporate into your marketing materials, website, or mobile application. -

+
From 19aec6a49784d5e8c42f791809e55860c83da4e0 Mon Sep 17 00:00:00 2001 From: eduramme Date: Mon, 18 Nov 2024 17:19:27 -0300 Subject: [PATCH 05/14] use Headings on "the vision" section --- .../components/2 - molecules/the-vision-section.tsx | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/the-vision-section.tsx b/apps/namehashlabs.org/components/2 - molecules/the-vision-section.tsx index 0b5f564fc..5baeece8e 100644 --- a/apps/namehashlabs.org/components/2 - molecules/the-vision-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/the-vision-section.tsx @@ -1,9 +1,10 @@ "use client"; import { Balancer } from "react-wrap-balancer"; -import { PreSectionText, SectionText, SectionTitle } from "../1 - atoms"; +import { PreSectionText } from "@/components/1 - atoms"; import Lottie from "lottie-react"; import { useEffect, useState } from "react"; +import { Heading, Text } from "@namehash/namekit-react"; export const TheVisionSection = () => { const [errorLoadingAnimation, setErrorLoadingAnimation] = useState(false); @@ -28,16 +29,18 @@ export const TheVisionSection = () => { >
THE VISION - + + Bring ENS to millions of people where they already are - - + + + Directly embed ENS onboarding into every wallet, app, and game. - +
Date: Mon, 18 Nov 2024 17:19:59 -0300 Subject: [PATCH 06/14] use namekit-react Heading on "introducing namekit" section --- .../components/2 - molecules/introducing-namekit.tsx | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/introducing-namekit.tsx b/apps/namehashlabs.org/components/2 - molecules/introducing-namekit.tsx index df4e27f6c..4d7174e01 100644 --- a/apps/namehashlabs.org/components/2 - molecules/introducing-namekit.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/introducing-namekit.tsx @@ -1,9 +1,10 @@ "use client"; -import { PreSectionText, SectionText, SectionTitle } from "../1 - atoms"; +import { PreSectionText } from "@/components/1 - atoms"; import { Balancer } from "react-wrap-balancer"; import Lottie from "lottie-react"; import waveAnimation from "./../../public/animations/wave-animation.json"; +import { Heading, Text } from "@namehash/namekit-react"; export const IntroducingNamekit = () => { return ( @@ -11,15 +12,15 @@ export const IntroducingNamekit = () => { id="introducingNamekit" className="bg-white z-20 px-5 py-20 w-full flex flex-col relative items-center justify-center overflow-hidden" > -
+
WHAT WE'RE BUILDING - Introducing NameKit - + Introducing NameKit + Dedicated 100% to the growth of ENS. NameKit includes sub-modules such as ENSNode or NameGuard that can also be used independently. - +
Date: Mon, 18 Nov 2024 17:22:53 -0300 Subject: [PATCH 07/14] use namekit-react Heading and text on our-supporters-section --- .../2 - molecules/our-supporters-section.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/our-supporters-section.tsx b/apps/namehashlabs.org/components/2 - molecules/our-supporters-section.tsx index e50081e50..1b2857eea 100644 --- a/apps/namehashlabs.org/components/2 - molecules/our-supporters-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/our-supporters-section.tsx @@ -1,12 +1,12 @@ "use client"; -import { PreSectionText, SectionText, SectionTitle } from "../1 - atoms"; +import { PreSectionText } from "@/components/1 - atoms"; import { Balancer } from "react-wrap-balancer"; import { useEffect, useState } from "react"; import { Profile, getCachedProfile } from "@/data/ensProfiles"; import { AvatarSize, UltimateENSAvatar } from "."; import { getNameHashLabsAvatarCallbacks } from "@/lib/client/nh-labs-avatar"; -import { Button, Link } from "@namehash/namekit-react"; +import { Button, Heading, Link, Text } from "@namehash/namekit-react"; export const OurSuportersSection = () => { return ( @@ -14,15 +14,15 @@ export const OurSuportersSection = () => { id="ourSuportersSection" className="lg:px-[50px] w-full flex flex-col items-center bg-gray-50 justify-center px-5 py-20 border-t border-b border-gray-200" > -
+
ETHEREUM COMMUNITY SUPPORTED - Our supporters - + Our supporters + Thank you to our amazing supporters who also believe in helping ENS grow. - +
From c9b0d4904b128453808a070bd1198a28281f2d89 Mon Sep 17 00:00:00 2001 From: eduramme Date: Mon, 18 Nov 2024 17:32:28 -0300 Subject: [PATCH 08/14] use namekit-react Text on testimonials-section --- .../2 - molecules/testimonials-section.tsx | 27 +++++++++++-------- 1 file changed, 16 insertions(+), 11 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/testimonials-section.tsx b/apps/namehashlabs.org/components/2 - molecules/testimonials-section.tsx index 24df196cf..34ffe1c77 100644 --- a/apps/namehashlabs.org/components/2 - molecules/testimonials-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/testimonials-section.tsx @@ -1,8 +1,8 @@ "use client"; import { Balancer } from "react-wrap-balancer"; -import { PreSectionText, SectionTitle } from "../1 - atoms"; -import { QuoteIcon } from "../1 - atoms/icons/quote-icon"; +import { PreSectionText } from "@/components/1 - atoms"; +import { QuoteIcon } from "@/components/1 - atoms/icons/quote-icon"; import { useEffect, useRef, useState } from "react"; import { Swiper, SwiperClass, SwiperSlide } from "swiper/react"; @@ -13,6 +13,7 @@ import { Navigation, Autoplay } from "swiper/modules"; import { Profile, getCachedProfile } from "@/data/ensProfiles"; import { UltimateENSAvatar } from "."; import { getNameHashLabsAvatarCallbacks } from "@/lib/client/nh-labs-avatar"; +import { Heading, Text } from "@namehash/namekit-react"; const testimonials: Testimonial[] = [ { @@ -181,7 +182,7 @@ export const TestimonialsSection = () => {
WHAT PEOPLE ARE SAYING - Testimonials + Testimonials
{
-
{testimonial.text} -
+
@@ -237,12 +238,16 @@ export const TestimonialsSection = () => {
-

+ {testimonial.author.ensName} -

-

+ + + {testimonial.author.title} -

+
From 84aaa87383a41c96fd7e78e2940de248487d9d66 Mon Sep 17 00:00:00 2001 From: eduramme Date: Mon, 18 Nov 2024 17:51:25 -0300 Subject: [PATCH 09/14] use namekit-react Text and Heading on our-principles-section --- .../2 - molecules/our-principles-section.tsx | 22 +++++++++++-------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/our-principles-section.tsx b/apps/namehashlabs.org/components/2 - molecules/our-principles-section.tsx index 006613cf9..e4d32ef48 100644 --- a/apps/namehashlabs.org/components/2 - molecules/our-principles-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/our-principles-section.tsx @@ -1,8 +1,8 @@ -import { PreSectionText, SectionText, SectionTitle } from "../1 - atoms"; -import { OpenSourceIcon } from "../1 - atoms/icons/open-source-icon"; -import { LockIcon } from "../1 - atoms/icons/lock-icon"; -import { EnsIcon } from "../1 - atoms/icons/ens-icon-gray"; -import { Link } from "@namehash/namekit-react"; +import { PreSectionText } from "@/components/1 - atoms"; +import { OpenSourceIcon } from "@/components/1 - atoms/icons/open-source-icon"; +import { LockIcon } from "@/components/1 - atoms/icons/lock-icon"; +import { EnsIcon } from "@/components/1 - atoms/icons/ens-icon-gray"; +import { Heading, Link, Text } from "@namehash/namekit-react"; export const OurPrinciplesSection = () => { return ( @@ -12,7 +12,9 @@ export const OurPrinciplesSection = () => { >
What Guides us - Our principles + + Our principles +
{principles.map((item) => { return ( @@ -20,10 +22,12 @@ export const OurPrinciplesSection = () => {
{item.icon}
-

+ {item.title} -

- {item.description} + + + {item.description} +
); })} From 7630cb0b081b42d197713509fda659e6846a3d22 Mon Sep 17 00:00:00 2001 From: eduramme Date: Tue, 19 Nov 2024 15:49:45 -0300 Subject: [PATCH 10/14] use namekit-React Heading and Text on ContactUsSection --- .../src/components/organisms/ContactUsSection.tsx | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/apps/nameguard.io/src/components/organisms/ContactUsSection.tsx b/apps/nameguard.io/src/components/organisms/ContactUsSection.tsx index 1f78dac37..12803c116 100644 --- a/apps/nameguard.io/src/components/organisms/ContactUsSection.tsx +++ b/apps/nameguard.io/src/components/organisms/ContactUsSection.tsx @@ -1,11 +1,10 @@ import { ColorfulBg, PreSectionText, - SectionTitle, - SectionText, AirplaneIllustration, } from "@/components/atoms/"; import { CalendarButton, ContactUsForm } from "@namehash/internal"; +import { Heading, Text } from "@namehash/namekit-react"; export const ContactSection = () => { return ( @@ -38,14 +37,13 @@ export const ContactSection = () => {
- - Let's chat - - + Let's chat + + If you have questions, ideas, or share a passion for NameGuard and would like to explore collaboration, please don't hesitate to reach out to us. - +
From fb30a6e26aa3713a4a35a45fb09d8020fc044f57 Mon Sep 17 00:00:00 2001 From: eduramme Date: Tue, 19 Nov 2024 15:50:10 -0300 Subject: [PATCH 11/14] remove SectionText and SectionTitle from nameguard --- .../src/components/atoms/SectionText.tsx | 20 ------------------ .../src/components/atoms/SectionTitle.tsx | 21 ------------------- .../src/components/atoms/index.ts | 2 -- 3 files changed, 43 deletions(-) delete mode 100644 apps/nameguard.io/src/components/atoms/SectionText.tsx delete mode 100644 apps/nameguard.io/src/components/atoms/SectionTitle.tsx diff --git a/apps/nameguard.io/src/components/atoms/SectionText.tsx b/apps/nameguard.io/src/components/atoms/SectionText.tsx deleted file mode 100644 index 2124e7c93..000000000 --- a/apps/nameguard.io/src/components/atoms/SectionText.tsx +++ /dev/null @@ -1,20 +0,0 @@ -interface SectionTextProps { - children?: React.ReactNode; - className?: string; -} - -export const SectionText = ({ - className, - children, - ...props -}: SectionTextProps) => { - return ( -
- {children} -
- ); -}; diff --git a/apps/nameguard.io/src/components/atoms/SectionTitle.tsx b/apps/nameguard.io/src/components/atoms/SectionTitle.tsx deleted file mode 100644 index dffe6402f..000000000 --- a/apps/nameguard.io/src/components/atoms/SectionTitle.tsx +++ /dev/null @@ -1,21 +0,0 @@ -interface SectionTitleProps { - children?: React.ReactNode; - className?: string; -} - -export const SectionTitle = ({ - className, - children, - ...props -}: SectionTitleProps) => { - return ( -
- {children} -
- ); -}; diff --git a/apps/nameguard.io/src/components/atoms/index.ts b/apps/nameguard.io/src/components/atoms/index.ts index 4908c6a8b..73b3a39aa 100644 --- a/apps/nameguard.io/src/components/atoms/index.ts +++ b/apps/nameguard.io/src/components/atoms/index.ts @@ -5,7 +5,5 @@ export * from "./DeveloperSectionIconWrapper"; export * from "./DeveloperSectionTitle"; export * from "./DeveloperSectionWrapper"; export * from "./PreSectionText"; -export * from "./SectionText"; -export * from "./SectionTitle"; export * from "./ColorfulBg"; export * from "./AirplaneIllustration"; From 7463fab657b55bf7d1eed951cb85e30c101a11ed Mon Sep 17 00:00:00 2001 From: eduramme Date: Tue, 19 Nov 2024 15:55:10 -0300 Subject: [PATCH 12/14] use Heading and Text on ContactUsSection --- .../2 - molecules/contact-us-section.tsx | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx b/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx index e4fa92a54..5c98eda67 100644 --- a/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx @@ -1,5 +1,6 @@ /* eslint-disable @next/next/no-img-element */ -import { PreSectionText, SectionText, SectionTitle } from "../1 - atoms"; +import { Heading, Text } from "@namehash/namekit-react"; +import { PreSectionText } from "@/components/1 - atoms"; import { ColorfulBg } from "../1 - atoms/colorful-bg"; import { CalendarButton, ContactUsForm } from "@namehash/internal"; @@ -14,13 +15,13 @@ export const ContactSection = () => {
-

+ Discuss an integration -

-

+ + Schedule a call with us to discuss integration with any of our products -

+
{
- - Let's chat - - + Let's chat + + If you have questions, ideas, or share a passion for advancing ENS growth and would like to explore collaboration, please don't - hesitate to reach out.{" "} - + hesitate to reach out. + Date: Tue, 19 Nov 2024 15:55:40 -0300 Subject: [PATCH 13/14] optimize contact-us-section imports --- .../components/2 - molecules/contact-us-section.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx b/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx index 5c98eda67..6ec3af5b4 100644 --- a/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx +++ b/apps/namehashlabs.org/components/2 - molecules/contact-us-section.tsx @@ -1,7 +1,7 @@ /* eslint-disable @next/next/no-img-element */ import { Heading, Text } from "@namehash/namekit-react"; import { PreSectionText } from "@/components/1 - atoms"; -import { ColorfulBg } from "../1 - atoms/colorful-bg"; +import { ColorfulBg } from "@/components/1 - atoms/colorful-bg"; import { CalendarButton, ContactUsForm } from "@namehash/internal"; export const ContactSection = () => { From da0dd45e76ef84bb1c5d7fc86faa2dc0f818f870 Mon Sep 17 00:00:00 2001 From: eduramme Date: Tue, 19 Nov 2024 16:05:17 -0300 Subject: [PATCH 14/14] use Heading and text on referral-product-component --- .../app/ens-referral-program/page.tsx | 4 ++-- .../components/2 - molecules/index.ts | 1 + ...onent.tsx => referral-product-component.tsx} | 17 ++++++++++------- 3 files changed, 13 insertions(+), 9 deletions(-) rename apps/namehashlabs.org/components/2 - molecules/{product-component.tsx => referral-product-component.tsx} (89%) diff --git a/apps/namehashlabs.org/app/ens-referral-program/page.tsx b/apps/namehashlabs.org/app/ens-referral-program/page.tsx index a05cca76a..42099986d 100644 --- a/apps/namehashlabs.org/app/ens-referral-program/page.tsx +++ b/apps/namehashlabs.org/app/ens-referral-program/page.tsx @@ -5,7 +5,7 @@ import cc from "classcat"; import { DocumentTextIcon } from "@heroicons/react/24/solid"; import { FigmaIcon } from "@/components/1 - atoms/icons/figma-icon"; import { GithubIcon } from "@/components/1 - atoms/icons/github-icon"; -import { ProductComponent } from "@/components/2 - molecules/product-component"; +import { ReferralProductComponent } from "@/components/2 - molecules/referral-product-component"; import { Button, Link } from "@namehash/namekit-react"; import { defaultMetaOpengraph, defaultMetaTwitter } from "../shared-metadata"; @@ -37,7 +37,7 @@ export default function Page() {
- { +}: ReferralProductProps) => { return (
- + + {subtitle} - +
{buttonUrl && (