checkpoint: before i18n implementation
This commit is contained in:
Leon-in
+34
-157
@@ -3,6 +3,7 @@
|
||||
import Image from "next/image"
|
||||
import Link from "next/link"
|
||||
import NewsletterForm from "@/components/NewsletterForm"
|
||||
import { CONTACT_CHANNELS, FOOTER_GROUPS, SITE_BRAND, SITE_DESCRIPTION } from "@/lib/site-content"
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
@@ -12,13 +13,12 @@ export default function Footer() {
|
||||
<div className="footer-top">
|
||||
<div className="footer-logo-wrapper">
|
||||
<Link href="/" className="logo-link w-inline-block w--current">
|
||||
<Image src="/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a73cf7c58867b86184dc28_logo-icon-quantum-webflow-template.svg" width={54} height={54} alt="Logo - Quantum | Webflow Template" className="logo-icon w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733" />
|
||||
<Image src="/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a73cf7c58867b86184dc28_logo-icon-quantum-webflow-template.svg" width={54} height={54} alt="DAL Code logo" className="logo-icon w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733" />
|
||||
</Link>
|
||||
</div>
|
||||
<Link href="/careers" className="footer-button w-inline-block">
|
||||
<Link href="/contact" className="footer-button w-inline-block">
|
||||
<div className="button-content footer">
|
||||
<div>
|
||||
Join our team </div>
|
||||
<div>申请试用</div>
|
||||
</div>
|
||||
<div className="button-icon-wrapper footer primary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
|
||||
@@ -43,122 +43,40 @@ Join our team </div>
|
||||
<div className="w-layout-blockcontainer container-default w-container">
|
||||
<div className="w-layout-grid footer-middle-content">
|
||||
<div className="inner-container _355px _100-tablet">
|
||||
<div className="display-6 medium text-titles-dm">
|
||||
Unlock tomorrow’s most important AI trends </div>
|
||||
<div className="display-6 medium text-titles-dm">{SITE_BRAND}</div>
|
||||
<div className="mg-top-8-px">
|
||||
<p className="text-color-neutral-400 mg-bottom-20px">
|
||||
Lorem ipsum dolor sit amet consectetur sit mi lacus quis vitae sed pellentesque libero ultricies neque. </p>
|
||||
<p className="text-color-neutral-400 mg-bottom-20px">{SITE_DESCRIPTION}</p>
|
||||
</div>
|
||||
<NewsletterForm variant="dark" />
|
||||
</div>
|
||||
<div className="w-layout-grid footer-pages-grid">
|
||||
<div className="footer-pages-column">
|
||||
<Link href="/" className="footer-link w-inline-block w--current">
|
||||
<div className="footer-link-text">
|
||||
Home </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/about" className="footer-link w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
About </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/contact" className="footer-link w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Contact </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/careers" className="footer-link last---left-column w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Careers </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="footer-pages-column">
|
||||
<Link href="/careers/ai-research-scientist" className="footer-link w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Career single </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/blog" className="footer-link w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Blog </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/blog-posts/ai-powered-predictive-models-and-their-impact-across-industries" className="footer-link w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Blog post </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
<Link href="/coming-soon" className="footer-link last---right-column w-inline-block">
|
||||
<div className="footer-link-text">
|
||||
Coming soon </div>
|
||||
<div className="footer-link-icon">
|
||||
<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>
|
||||
<div className="footer-link-bg">
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
{FOOTER_GROUPS.map((group) => (
|
||||
<div key={group.title} className="footer-pages-column">
|
||||
{group.links.map((link, index) => (
|
||||
<Link
|
||||
key={link.href}
|
||||
href={link.href}
|
||||
className={`footer-link w-inline-block ${index === group.links.length - 1 ? "last---left-column" : ""}`}
|
||||
>
|
||||
<div className="footer-link-text">{link.label}</div>
|
||||
<div className="footer-link-icon">
|
||||
<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" />
|
||||
</svg>
|
||||
</div>
|
||||
<div className="footer-link-bg" />
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="corner-gradient-container">
|
||||
<div className="w-layout-grid footer-links-wrapper">
|
||||
<a data-w-id="08100fe2-7e2d-6e6c-ca53-e21c22c274f5" href="mailto:info@quantum.com" className="footer-contact-link w-inline-block" target="_blank" rel="noopener noreferrer">
|
||||
{CONTACT_CHANNELS.map((channel, index) => (
|
||||
<a key={channel.title} data-w-id={`footer-channel-${index}`} href={channel.href} className="footer-contact-link w-inline-block" target={channel.href.startsWith("http") ? "_blank" : undefined} rel={channel.href.startsWith("http") ? "noopener noreferrer" : undefined}>
|
||||
<div className="footer-contact-link-icon-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" className="footer-contact-link-icon">
|
||||
<path fillRule="evenodd" clipRule="evenodd" d="M0 2H24V4.31556L12.0001 10.861L0 4.31546V2ZM0 6.59364V22H24V6.59373L12.0001 13.1391L0 6.59364Z" fill="currentColor">
|
||||
@@ -168,50 +86,13 @@ Coming soon </div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-color-neutral-500">
|
||||
Email address </div>
|
||||
<div className="text-color-neutral-500">{channel.title}</div>
|
||||
<div className="mg-top-5x-extra-small">
|
||||
<div className="medium text-titles-dm">
|
||||
info@quantumlab.com </div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.intercom.com" target="_blank" className="footer-contact-link w-inline-block" rel="noopener noreferrer">
|
||||
<div className="footer-contact-link-icon-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" className="footer-contact-link-icon">
|
||||
<path fillRule="evenodd" clipRule="evenodd" d="M2 1H1V20H5.25V23.7944L6.77605 22.8505L11.3843 20H23V1H2ZM16 9.5H7V6.5H16V9.5ZM7 14.5H14V11.5H7V14.5Z" fill="currentColor">
|
||||
</path>
|
||||
</svg>
|
||||
<div className="footer-contact-link-bg">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-color-neutral-500">
|
||||
Live chat with us </div>
|
||||
<div className="mg-top-5x-extra-small">
|
||||
<div className="medium text-titles-dm">
|
||||
Chat with us </div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a data-w-id="7fe5019c-0d48-0b18-79a9-ab7251d22b0b" href="mailto:support@quantum.com" className="footer-contact-link w-inline-block" target="_blank" rel="noopener noreferrer">
|
||||
<div className="footer-contact-link-icon-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" className="footer-contact-link-icon">
|
||||
<path fillRule="evenodd" clipRule="evenodd" d="M1.375 12C1.375 6.13197 6.13197 1.375 12 1.375C17.868 1.375 22.625 6.13197 22.625 12C22.625 17.868 17.868 22.625 12 22.625C6.13197 22.625 1.375 17.868 1.375 12ZM12.8543 7.60707H11.0834V5.83623H12.8543V7.60707ZM11.1146 11.1146H9.34375V9.34375H12.8854V15.5417H14.6563V17.3125H9.34375V15.5417H11.1146V11.1146Z" fill="currentColor">
|
||||
</path>
|
||||
</svg>
|
||||
<div className="footer-contact-link-bg">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-color-neutral-500">
|
||||
Support </div>
|
||||
<div className="mg-top-5x-extra-small">
|
||||
<div className="medium text-titles-dm">
|
||||
support@quantumlab.com </div>
|
||||
<div className="medium text-titles-dm">{channel.value}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
<div className="corner-gradient-wrapper">
|
||||
<div className="corner-gradient-horizontal bottom-left dark-mode">
|
||||
@@ -225,21 +106,17 @@ support@quantumlab.com </div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<a href="https://www.brixtemplates.com" target="_blank" className="link-square-icon-left---dark-mode w-inline-block" rel="noopener noreferrer">
|
||||
<Link href="/about" className="link-square-icon-left---dark-mode w-inline-block">
|
||||
<div className="icon-40px---dark-mode">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 19" fill="none" className="icon-18px">
|
||||
<path fillRule="evenodd" clipRule="evenodd" d="M19.7781 4.875L13.8748 16.4155H8.32985L10.8004 11.6326H10.6896C8.65138 14.2785 5.61034 16.0202 1.27734 16.4155V11.6988C1.27734 11.6988 4.04927 11.5351 5.6788 9.82186H1.27734V4.87509H6.22411V8.94374L6.33513 8.94329L8.35659 4.87509H12.0977V8.91794L12.2087 8.91776L14.306 4.875H19.7781Z" fill="currentColor">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
More Webflow Templates </div>
|
||||
</a>
|
||||
<div>了解产品定位</div>
|
||||
</Link>
|
||||
<p className="text-color-neutral-500">
|
||||
Copyright © QuantumLab | Designed by <a href="https://www.brixtemplates.com" target="_blank" className="text-link" rel="noopener noreferrer">
|
||||
BRIX Templates </a>
|
||||
and powered by <a href="https://webflow.com" target="_blank" className="text-link" rel="noopener noreferrer">
|
||||
Webflow </a>
|
||||
Copyright © 2026 DAL Code by DeepAILab. 官网基于现有 Next.js 骨架持续演进。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user