gitea/dalcode-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
ded6c67a3649cd14730f719e1d918766c281178e
dalcode-website/components/about/SocialLinksSection.tsx
T
Leon-in 95eb362bfc feat: initial commit — Webflow to Next.js conversion 
QuantumLab template converted to Next.js 16 + React 19 + TypeScript:
- 8 page routes (home, about, blog, contact, careers, team-members, coming-soon, 404)
- Dynamic routes for blog posts, career positions, and team members
- GSAP animations (marquee, counters, button hovers)
- IntersectionObserver-based scroll reveal (blur-to-clear transitions)
- Dark mode with next-themes
- React Hook Form + Zod contact form
- Framer Motion page transitions
- Lottie animations via lottie-web

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-26 18:19:56 +08:00

97 lines
16 KiB
TypeScript
Raw Blame History

import Link from "next/link"
export default function SocialLinksSection() {
return (
<section data-wf--social-links-section--variant="padding-top-none" className="section social-links-section w-variant-daeb6173-296b-8c16-4f2d-1c7fb3f823cc">
<div className="w-layout-blockcontainer container-default w-container">
<div className="inner-container _1068px center">
<div className="position-relative---z-index-1">
<div data-w-id="f2339eb0-437b-d416-3f53-159199e8df84" className="title-left-content-right">
<div className="inner-container _460px">
<div className="subtitle">Get in touch</div>
<div className="mg-top-4x-extra-small">
<h2>
Follow us on social media </h2>
</div>
</div>
<a id="w-node-_99805214-dd54-e7f3-2549-05c0df1040fb-df1040fb" href="https://x.com" target="_blank" className="primary-button w-inline-block" rel="noopener noreferrer">
<div className="button-content">
<div>Follow us</div>
<div className="button-icon-wrapper primary">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
<path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
</path>
</svg>
<div className="button-icon-bg">
</div>
<div className="button-icon-bg-inside">
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div data-w-id="f2339eb0-437b-d416-3f53-159199e8df8e" className="container-large">
<div className="corner-gradient-container">
<div className="border-wrapper">
<div className="w-layout-grid social-media-grid">
<a href="https://x.com" target="_blank" className="social-media-link w-inline-block" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width={24} viewBox="0 0 23 21" fill="none">
<path fillRule="evenodd" clipRule="evenodd" d="M8.55412 11.3154L0.146484 0.299805H7.28357L12.3147 6.89154L17.918 0.299805H21.3796L13.9523 9.03719L22.8538 20.6998H15.7167L10.1918 13.4611L4.03847 20.6998H0.576884L8.55412 11.3154ZM16.7558 18.5995L4.39167 2.40009H6.24446L18.6086 18.5995H16.7558Z" fill="currentColor">
</path>
</svg>
<div>X (Twitter)</div>
</a>
<a href="https://linkedin.com" target="_blank" className="social-media-link w-inline-block" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width={24} viewBox="0 0 23 21" fill="none">
<path d="M0.949951 2.58932C0.949951 1.89666 1.1932 1.32523 1.67968 0.875031C2.16616 0.424808 2.79861 0.199707 3.57698 0.199707C4.34146 0.199707 4.95998 0.421338 5.43258 0.864642C5.91906 1.32178 6.16231 1.91744 6.16231 2.65165C6.16231 3.31659 5.92602 3.87069 5.45343 4.31399C4.96695 4.77113 4.32756 4.99971 3.53528 4.99971H3.51443C2.74994 4.99971 2.13143 4.77113 1.65883 4.31399C1.18624 3.85685 0.949951 3.28195 0.949951 2.58932ZM1.22099 20.7711V6.89061H5.84956V20.7711H1.22099ZM8.41404 20.7711H13.0426V13.0205C13.0426 12.5356 13.0982 12.1616 13.2094 11.8984C13.404 11.4274 13.6994 11.0291 14.0955 10.7036C14.4916 10.3781 14.9886 10.2153 15.5862 10.2153C17.143 10.2153 17.9214 11.2612 17.9214 13.3529V20.7711H22.55V12.8127C22.55 10.7625 22.0635 9.2075 21.0905 8.14776C20.1175 7.08802 18.8318 6.55815 17.2333 6.55815C15.4403 6.55815 14.0434 7.32698 13.0426 8.86464V8.9062H13.0218L13.0426 8.86464V6.89061H8.41404C8.44184 7.3339 8.45574 8.71224 8.45574 11.0257C8.45574 13.3391 8.44184 16.5876 8.41404 20.7711Z" fill="currentColor">
</path>
</svg>
<div className="mg-top-5px">
In </div>
</a>
<a href="https://github.com" target="_blank" className="social-media-link w-inline-block" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width={24} viewBox="0 0 22 22" fill="none">
<path d="M11 0.699707C5.03606 0.699707 0.199951 5.53497 0.199951 11.4997C0.199951 16.2716 3.29449 20.3199 7.5857 21.748C8.12543 21.8479 8.32364 21.5137 8.32364 21.2284C8.32364 20.9709 8.31356 20.12 8.30898 19.2176C5.30432 19.8709 4.67032 17.9434 4.67032 17.9434C4.17904 16.695 3.47118 16.3631 3.47118 16.3631C2.49133 15.6928 3.54504 15.7065 3.54504 15.7065C4.62957 15.7828 5.20064 16.8195 5.20064 16.8195C6.16388 18.4706 7.72716 17.9932 8.34346 17.7174C8.44036 17.0192 8.7203 16.5429 9.02913 16.2732C6.63034 16 4.10857 15.074 4.10857 10.9357C4.10857 9.75665 4.53047 8.79315 5.22139 8.03684C5.10925 7.76478 4.7396 6.66635 5.326 5.17871C5.326 5.17871 6.23291 4.88843 8.29679 6.28578C9.15821 6.04641 10.0822 5.92647 11 5.9224C11.9178 5.92647 12.8425 6.04641 13.7056 6.28578C15.767 4.88843 16.6726 5.17871 16.6726 5.17871C17.2605 6.66635 16.8907 7.76478 16.7785 8.03684C17.471 8.79315 17.89 9.75656 17.89 10.9357C17.89 15.0838 15.3635 15.9972 12.9586 16.2645C13.3459 16.5997 13.6911 17.257 13.6911 18.2645C13.6911 19.7096 13.6786 20.8726 13.6786 21.2284C13.6786 21.5158 13.8729 21.8526 14.4205 21.7465C18.7093 20.3168 21.7999 16.27 21.7999 11.4997C21.7999 5.53497 16.9645 0.699707 11 0.699707Z" fill="currentColor">
</path>
<path d="M4.2449 16.0846C4.22118 16.1383 4.13664 16.1544 4.05982 16.1176C3.98147 16.0824 3.93742 16.0092 3.96283 15.9553C3.98613 15.9001 4.07066 15.8847 4.14884 15.9218C4.22736 15.9569 4.27208 16.0308 4.2449 16.0846ZM4.77615 16.5586C4.72465 16.6064 4.62394 16.5842 4.55559 16.5088C4.48494 16.4335 4.47173 16.3328 4.52399 16.2843C4.5771 16.2366 4.67476 16.2589 4.74557 16.3343C4.81622 16.4104 4.83002 16.5104 4.77615 16.5586ZM5.14063 17.1651C5.07439 17.2111 4.96614 17.168 4.89931 17.0719C4.83316 16.976 4.83316 16.8608 4.90075 16.8146C4.96783 16.7685 5.07439 16.81 5.14215 16.9052C5.20822 17.0029 5.20831 17.118 5.14063 17.1651ZM5.75693 17.8676C5.69772 17.9328 5.57168 17.9153 5.47936 17.8262C5.385 17.7392 5.35865 17.6156 5.41803 17.5503C5.47792 17.4849 5.60472 17.5033 5.69772 17.5916C5.79149 17.6785 5.82003 17.803 5.75693 17.8676ZM6.55347 18.1047C6.52747 18.1893 6.406 18.2277 6.28369 18.1918C6.16155 18.1548 6.08159 18.0557 6.10624 17.9702C6.13165 17.8851 6.25362 17.845 6.37687 17.8835C6.49884 17.9203 6.57888 18.0187 6.55347 18.1047ZM7.46013 18.2053C7.46318 18.2944 7.35942 18.3682 7.23101 18.3698C7.10184 18.3726 6.9974 18.3006 6.99605 18.213C6.99605 18.123 7.09744 18.0498 7.22652 18.0477C7.35493 18.0452 7.46013 18.1168 7.46013 18.2053ZM8.3507 18.1711C8.36611 18.258 8.27684 18.3473 8.14936 18.371C8.024 18.3939 7.90796 18.3403 7.89195 18.2541C7.87636 18.165 7.96733 18.0758 8.09244 18.0527C8.22017 18.0305 8.33444 18.0828 8.3507 18.1711Z" fill="currentColor">
</path>
</svg>
<div>
</div>
</a>
<a href="https://huggingface.co" target="_blank" className="social-media-link w-inline-block" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width={24} viewBox="0 0 25 23" fill="none">
<path d="M3.37598 14.8633C3.22524 14.0267 3.67537 13.7991 4.31543 14.2051C4.95575 14.6114 6.19025 16.7338 6.64258 17.5596C7.09484 18.3852 8.50286 17.789 7.32812 16.9092C6.15334 16.0294 6.56487 14.5915 7.12598 14.5029C7.68716 14.4145 7.93359 15.377 7.93359 15.377C7.94119 15.396 8.59948 17.0393 9.72559 18.165C10.8582 19.2974 10.9162 20.2069 10.0908 21.418C8.94293 23.0996 5.66009 22.3891 4.36719 22.0537C4.33431 22.0455 0.332156 20.9129 0.838867 19.9512C1.1068 19.4424 1.9263 19.8932 2.67383 20.3047C3.33982 20.6712 3.94915 21.0064 4.06152 20.6045C4.16942 20.2169 3.43177 19.9314 2.62598 19.6191C1.6586 19.2443 0.592261 18.8308 0.769531 18.1562C0.974192 17.3769 2.42381 18.2478 3.52344 18.9082C4.16852 19.2957 4.69328 19.6102 4.77539 19.4775C4.99757 19.1186 4.87582 18.8685 3.30957 17.9199C3.18674 17.8456 3.06669 17.7732 2.9502 17.7031C1.5809 16.8807 0.692629 16.3475 1.26855 15.7197C1.88973 15.0428 4.72873 17.6187 4.76465 17.6514C4.76465 17.6514 5.68201 18.6056 5.94238 18.167C6.07305 17.946 5.45941 17.3223 4.79883 16.6504C4.14756 15.988 3.45094 15.2787 3.37598 14.8633ZM21.1846 14.2051C21.8245 13.7993 22.2747 14.0268 22.124 14.8633C22.0491 15.2787 21.3516 15.988 20.7002 16.6504C20.0396 17.3223 19.4265 17.9462 19.5576 18.167C19.8164 18.6032 20.7252 17.6619 20.7354 17.6514C20.7354 17.6514 23.606 15.0382 24.2314 15.7188C24.8076 16.3466 23.9192 16.8805 22.5498 17.7031C22.4333 17.773 22.3132 17.8445 22.1904 17.9189C20.6238 18.8676 20.5023 19.1187 20.7246 19.4775C20.8072 19.6096 21.332 19.2943 21.9766 18.9072C23.0761 18.247 24.5254 17.3767 24.7305 18.1553C24.9077 18.8298 23.8416 19.2442 22.874 19.6191C22.068 19.9315 21.3302 20.2166 21.4385 20.6045C21.5509 21.0063 22.1605 20.6712 22.8262 20.3047C23.5737 19.8932 24.3921 19.4423 24.6602 19.9512C25.1655 20.9118 21.1796 22.0403 21.1328 22.0527C19.84 22.3891 16.5565 23.0998 15.4092 21.418C14.5837 20.207 14.6419 19.2973 15.7744 18.165C16.8988 17.0409 17.5569 15.4008 17.5664 15.377C17.5664 15.377 17.8128 14.4145 18.374 14.5029C18.9352 14.5913 19.3469 16.0293 18.1719 16.9092C16.9971 17.789 18.406 18.3852 18.8584 17.5596C19.3108 16.7336 20.5445 14.6111 21.1846 14.2051ZM12.6768 0.506836C18.4337 0.507057 23.0986 5.17515 23.0986 10.9336V11.0684C23.0986 11.0868 23.0981 11.1056 23.0977 11.124V11.1357C23.0977 11.1501 23.0971 11.1644 23.0967 11.1787V11.1914C23.0967 11.2058 23.0963 11.2204 23.0957 11.2344L23.0947 11.2402C23.0947 11.2552 23.0944 11.271 23.0938 11.2861L23.0928 11.3037V11.3057C23.0919 11.3302 23.0909 11.3549 23.0898 11.3789L23.0879 11.4424L23.0869 11.458L23.083 11.5254C23.0759 11.6524 23.0671 11.7796 23.0557 11.9062L23.0498 11.9639C23.0476 11.9885 23.0456 12.0135 23.043 12.0381L23.041 12.0498C23.0395 12.0645 23.0379 12.0792 23.0361 12.0938C23.0321 12.1308 23.0287 12.1682 23.0244 12.2051L23.0166 12.2607L23.0088 12.3262L23.0068 12.3379C23.0042 12.358 23.0019 12.3784 22.999 12.3984L22.9873 12.4785L22.9775 12.542L22.9678 12.6045L22.9658 12.6133C22.9621 12.6372 22.9586 12.6608 22.9541 12.6846C22.9512 12.6998 22.9488 12.7153 22.9463 12.7305C22.937 12.7862 22.9267 12.842 22.916 12.8975C22.9072 12.9427 22.8977 12.9882 22.8887 13.0332C22.8738 13.1052 22.8588 13.1773 22.8428 13.249C22.5494 12.9639 22.16 12.8076 21.7314 12.8076C21.3427 12.8077 20.943 12.9367 20.543 13.1904C20.2775 13.3591 19.9848 13.6585 19.6826 14.0342C19.4027 13.6459 19.0102 13.3878 18.5625 13.3174C18.4772 13.3038 18.3911 13.297 18.3047 13.2969C17.2815 13.2969 16.6655 14.1847 16.4326 14.9834C16.3167 15.2539 15.7621 16.4824 14.9287 17.3154C13.6638 18.5799 13.3441 19.8844 13.9629 21.2812L13.9033 21.2881C13.8701 21.292 13.8371 21.2961 13.8037 21.2998C13.7513 21.3053 13.6984 21.3105 13.6455 21.3154L13.5938 21.3193L13.5469 21.3242L13.4795 21.3291C13.4549 21.331 13.4299 21.3325 13.4053 21.334L13.332 21.3389L13.3154 21.3398L13.2939 21.3418L13.2578 21.3438L13.2334 21.3447C13.2104 21.346 13.187 21.3477 13.1641 21.3486L13.084 21.3516L13.0117 21.3545L12.9639 21.3555H12.9385C12.9305 21.3555 12.9221 21.3562 12.9141 21.3564H12.8691C12.8542 21.3564 12.8392 21.3566 12.8242 21.3574L12.7627 21.3584H12.6768C12.5957 21.3584 12.5146 21.3574 12.4336 21.3555L12.4199 21.3545C12.4079 21.3545 12.3957 21.3539 12.3838 21.3535H12.374L12.3164 21.3516L12.2441 21.3486L12.1797 21.3467L12.1631 21.3457L12.1016 21.3428L12.082 21.3408L12.0508 21.3398L12.0107 21.3369C11.9607 21.3336 11.911 21.33 11.8613 21.3262L11.8086 21.3223C11.7897 21.3209 11.7707 21.3192 11.752 21.3174L11.7432 21.3164C11.7176 21.3142 11.6916 21.312 11.666 21.3096C11.6228 21.3056 11.579 21.3016 11.5361 21.2969H11.5342C12.1627 19.8943 11.8452 18.5839 10.5752 17.3145C9.73988 16.4835 9.18553 15.2551 9.07031 14.9844C8.83759 14.1858 8.22116 13.2979 7.19824 13.2979C7.11201 13.298 7.02584 13.3049 6.94043 13.3184C6.49231 13.3888 6.0998 13.6467 5.82031 14.0352C5.51831 13.6595 5.22539 13.3601 4.95996 13.1914C4.55985 12.9376 4.15976 12.8086 3.77051 12.8086C3.28514 12.8087 2.85132 13.0085 2.54883 13.3701L2.54102 13.3799C2.53661 13.3621 2.53245 13.3438 2.52832 13.3262L2.52441 13.3076L2.52344 13.3047C2.47735 13.1074 2.43654 12.9086 2.40234 12.709C2.39044 12.6403 2.3794 12.5709 2.36914 12.502V12.499C2.36457 12.4686 2.35974 12.4378 2.35547 12.4072C2.3483 12.3566 2.34131 12.3056 2.33496 12.2549L2.3252 12.1777L2.31738 12.1055L2.31641 12.0986C2.30541 11.9999 2.29631 11.9008 2.28809 11.8018L2.28516 11.7676V11.7637C2.28351 11.744 2.28165 11.7239 2.28027 11.7041V11.6982C2.27875 11.6779 2.27659 11.6571 2.27539 11.6367V11.6328C2.27374 11.6089 2.27188 11.5846 2.27051 11.5605C2.26888 11.5349 2.26796 11.5092 2.2666 11.4834V11.4814L2.2627 11.4053V11.4023L2.25977 11.3369L2.25879 11.3164L2.25684 11.2529L2.25586 11.2002C2.25586 11.187 2.25516 11.1734 2.25488 11.1602L2.25391 11.1357V11.1182L2.25293 11.0684C2.25314 11.0459 2.25261 11.0234 2.25195 11.001C2.25168 10.986 2.25182 10.971 2.25195 10.9561L2.25293 10.9336C2.25298 5.17529 6.91989 0.506836 12.6768 0.506836ZM16.5 11.3164C16.4999 10.6151 16.0278 10.8359 15.2725 11.21L15.2295 11.2314C14.5359 11.575 13.6128 12.0322 12.5996 12.0322C11.5863 12.0322 10.663 11.575 9.96973 11.2314C9.18987 10.845 8.70039 10.6022 8.7002 11.3164C8.7002 12.232 9.13746 13.7367 10.3389 14.6104C10.4973 14.2884 10.7211 14.0022 10.9951 13.7705C11.2689 13.5389 11.588 13.3664 11.9316 13.2637C12.0514 13.2284 12.1744 13.4344 12.3008 13.6455C12.4228 13.8496 12.5479 14.0586 12.6748 14.0586C12.8099 14.0586 12.9426 13.8521 13.0723 13.6514C13.2077 13.4418 13.3401 13.2375 13.4678 13.2783C14.1109 13.4848 14.6491 13.9331 14.9688 14.5283C16.0887 13.6455 16.5 12.2041 16.5 11.3164ZM8.77539 5.98633C8.55382 5.98687 8.3349 6.03667 8.13477 6.13184C7.93456 6.22706 7.7576 6.36545 7.61719 6.53711C7.47712 6.70882 7.37677 6.90986 7.32324 7.125C7.26991 7.34015 7.26495 7.5649 7.30859 7.78223C7.35232 7.99964 7.4438 8.20496 7.57617 8.38281C7.70856 8.56062 7.87862 8.70738 8.07422 8.81152C8.29615 8.92954 8.4413 8.72014 8.59668 8.49512C8.71165 8.32866 8.83271 8.15324 8.99512 8.0957C9.14532 8.04259 9.3424 8.12173 9.53125 8.19727C9.772 8.29362 10.0004 8.38463 10.1035 8.19141C10.2428 7.92957 10.3011 7.63201 10.2715 7.33691C10.2416 7.04166 10.1252 6.76115 9.93652 6.53223C9.79541 6.36114 9.61766 6.22327 9.41699 6.12891C9.2164 6.03465 8.99699 5.98585 8.77539 5.98633ZM16.501 6.00293C16.2817 5.97001 16.0579 5.98587 15.8457 6.0498C15.5618 6.13533 15.3098 6.30345 15.1211 6.53223C14.9326 6.76105 14.816 7.04089 14.7861 7.33594C14.7564 7.63119 14.8149 7.92938 14.9541 8.19141C15.0571 8.38414 15.2848 8.29355 15.5254 8.19727C15.7143 8.12175 15.9113 8.0428 16.0615 8.0957C16.224 8.15322 16.345 8.32864 16.46 8.49512C16.6153 8.72026 16.7605 8.92953 16.9824 8.81152C17.2443 8.67231 17.4592 8.45855 17.5996 8.19727C17.74 7.93592 17.799 7.63813 17.7705 7.34277C17.7493 7.12203 17.68 6.90826 17.5664 6.71777C17.4528 6.52737 17.2981 6.36482 17.1143 6.24121C16.9301 6.11755 16.7202 6.03594 16.501 6.00293Z" fill="currentColor">
</path>
</svg>
<div>Hugging Face</div>
</a>
</div>
</div>
<div data-wf--corner-gradient-outline--variant="small" className="corner-gradient-wrapper">
<div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-left">
</div>
<div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-left">
</div>
<div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-right">
</div>
<div className="corner-gradient-horizontal w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-right">
</div>
<div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-left">
</div>
<div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 bottom-right">
</div>
<div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-left">
</div>
<div className="corner-gradient-vertical w-variant-8f36765c-221f-a254-35b4-28a5852d67d7 top-right">
</div>
</div>
</div>
</div>
</section>
)
}
Reference in New Issue View Git Blame Copy Permalink