Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c9097953f8 | |||
|
|
50a4e30762 | ||
|
|
e87e9cb84c |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Archivo } from "next/font/google";
|
import { Archivo } from "next/font/google";
|
||||||
|
|
||||||
@@ -55,7 +54,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${archivo.variable} antialiased`}>
|
<body className={`${archivo.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
@@ -127,6 +127,8 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
showBorder={false}
|
showBorder={false}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/dmitry-kudin-headshot-1774368740000-abcdef.png"
|
||||||
|
imageAlt="Dmitry Kudin professional headshot"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import TextAnimation from "@/components/text/TextAnimation";
|
import TextAnimation from "@/components/text/TextAnimation";
|
||||||
import Button from "@/components/button/Button";
|
import Button from "@/components/button/Button";
|
||||||
|
import MediaContent from "@/components/shared/MediaContent";
|
||||||
import { cls } from "@/lib/utils";
|
import { cls } from "@/lib/utils";
|
||||||
import { getButtonProps } from "@/lib/buttonUtils";
|
import { getButtonProps } from "@/lib/buttonUtils";
|
||||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||||
@@ -16,6 +17,8 @@ interface TextSplitAboutProps {
|
|||||||
showBorder?: boolean;
|
showBorder?: boolean;
|
||||||
useInvertedBackground: boolean;
|
useInvertedBackground: boolean;
|
||||||
ariaLabel?: string;
|
ariaLabel?: string;
|
||||||
|
imageSrc?: string;
|
||||||
|
imageAlt?: string;
|
||||||
className?: string;
|
className?: string;
|
||||||
containerClassName?: string;
|
containerClassName?: string;
|
||||||
titleClassName?: string;
|
titleClassName?: string;
|
||||||
@@ -33,6 +36,8 @@ const TextSplitAbout = ({
|
|||||||
showBorder = false,
|
showBorder = false,
|
||||||
useInvertedBackground = false,
|
useInvertedBackground = false,
|
||||||
ariaLabel = "About section",
|
ariaLabel = "About section",
|
||||||
|
imageSrc,
|
||||||
|
imageAlt,
|
||||||
className = "",
|
className = "",
|
||||||
containerClassName = "",
|
containerClassName = "",
|
||||||
titleClassName = "",
|
titleClassName = "",
|
||||||
@@ -51,7 +56,14 @@ const TextSplitAbout = ({
|
|||||||
>
|
>
|
||||||
<div className={cls("w-content-width mx-auto flex flex-col gap-30", containerClassName)}>
|
<div className={cls("w-content-width mx-auto flex flex-col gap-30", containerClassName)}>
|
||||||
<div className="flex flex-col md:flex-row gap-3 md:gap-15">
|
<div className="flex flex-col md:flex-row gap-3 md:gap-15">
|
||||||
<div className="w-full md:w-1/2">
|
<div className="w-full md:w-1/2 flex flex-col gap-6">
|
||||||
|
{imageSrc && imageAlt && (
|
||||||
|
<MediaContent
|
||||||
|
src={imageSrc}
|
||||||
|
alt={imageAlt}
|
||||||
|
imageClassName="w-full h-auto rounded-theme object-cover"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
<TextAnimation
|
<TextAnimation
|
||||||
type={theme.defaultTextAnimation}
|
type={theme.defaultTextAnimation}
|
||||||
text={title}
|
text={title}
|
||||||
|
|||||||
Reference in New Issue
Block a user