diff --git a/src/components/sections/FooterSection.astro b/src/components/sections/FooterSection.astro index 719faf5..c1821e0 100644 --- a/src/components/sections/FooterSection.astro +++ b/src/components/sections/FooterSection.astro @@ -3,6 +3,7 @@ import FooterSocialLink from "../ui/links/FooterSocialLink.astro"; import EmailFooterInput from "../ui/forms/input/EmailFooterInput.astro"; import { footerLinks, socialLinks } from "../../utils/navigation.ts"; +import Icon from "../ui/icons/Icon.astro"; // Define the variables that will be used in this component const sectionThreeTitle: string = "Stay up to date"; @@ -83,7 +84,7 @@ const sectionThreeContent: string =
  • {link.name} @@ -120,7 +121,7 @@ const sectionThreeContent: string =

    © ScrewFast. Crafted by sobstvennoAI

    Facebook + > X GitHub + > Google + > Slack + >
    diff --git a/src/components/sections/testimonials/TestimonialItem.astro b/src/components/sections/testimonials/TestimonialItem.astro index 3305ed6..fbd9b85 100644 --- a/src/components/sections/testimonials/TestimonialItem.astro +++ b/src/components/sections/testimonials/TestimonialItem.astro @@ -1,5 +1,6 @@ --- import { Image } from "astro:assets"; +import Icon from "../../ui/icons/Icon.astro"; const { content, author, role, avatarSrc } = Astro.props; @@ -12,18 +13,7 @@ interface Props { ---
    - +

    diff --git a/src/components/ui/icons/icons.ts b/src/components/ui/icons/icons.ts index 9d6ebaf..1969ec6 100644 --- a/src/components/ui/icons/icons.ts +++ b/src/components/ui/icons/icons.ts @@ -275,4 +275,72 @@ export const Icons = { strokeLinejoin: "round", stroke: "currentColor", }, + xFooter: { + paths: [ + { + d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z", + }, + ], + class: + "h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400", + viewBox: "0 0 24 24", + fill: "currentColor", + }, + facebookFooter: { + paths: [ + { + d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z", + }, + ], + class: + "h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400", + viewBox: "0 0 24 24", + fill: "currentColor", + }, + githubFooter: { + paths: [ + { + d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12", + }, + ], + class: + "h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400", + viewBox: "0 0 24 24", + fill: "currentColor", + }, + googleFooter: { + paths: [ + { + d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", + }, + ], + class: + "h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400", + viewBox: "0 0 24 24", + fill: "currentColor", + }, + slackFooter: { + paths: [ + { + d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z", + }, + ], + class: + "h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400", + viewBox: "0 0 24 24", + fill: "currentColor", + }, + quotation: { + paths: [ + { + d: "M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z", + }, + ], + class: + "absolute start-0 top-0 h-16 w-16 -translate-x-6 -translate-y-8 transform text-neutral-300 dark:text-neutral-700", + width: 16, + height: 16, + viewBox: "0 0 16 16", + fill: "currentColor", + }, }; diff --git a/src/components/ui/links/FooterSocialLink.astro b/src/components/ui/links/FooterSocialLink.astro index 531f58d..e3a9cca 100644 --- a/src/components/ui/links/FooterSocialLink.astro +++ b/src/components/ui/links/FooterSocialLink.astro @@ -4,7 +4,7 @@ interface Props { url: string; } const linkClass = - "inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus:ring-1 focus:ring-zinc-500 focus-visible:ring disabled:pointer-events-none disabled:opacity-50 dark:ring-zinc-200 dark:hover:bg-neutral-50/10 dark:focus:outline-none"; + "inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10"; ---