-
+
-
+
-
+
-
@@ -48,7 +48,7 @@ function Hero() {
}}
transition={{
duration: 8,
- ease: "easeInOut",
+ ease: 'easeInOut',
repeat: Infinity,
}}
>
@@ -63,11 +63,11 @@ function Hero() {
-
+
- );
+ )
}
-export default Hero;
+export default Hero
diff --git a/components/octopost/Hero/assets/HeroImg.tsx b/components/octopost/Hero/assets/HeroImg.tsx
index 54261b4..ae64b50 100644
--- a/components/octopost/Hero/assets/HeroImg.tsx
+++ b/components/octopost/Hero/assets/HeroImg.tsx
@@ -33838,7 +33838,7 @@ function HeroImg() {
- );
+ )
}
-export default HeroImg;
+export default HeroImg
diff --git a/components/octopost/Hero/assets/StickerLogo1.tsx b/components/octopost/Hero/assets/StickerLogo1.tsx
index 41a7077..893561a 100644
--- a/components/octopost/Hero/assets/StickerLogo1.tsx
+++ b/components/octopost/Hero/assets/StickerLogo1.tsx
@@ -1978,5 +1978,5 @@ export default function StickerLogo1() {
- );
+ )
}
diff --git a/components/octopost/Hero/assets/StickerLogo2.tsx b/components/octopost/Hero/assets/StickerLogo2.tsx
index d85d81d..0e49573 100644
--- a/components/octopost/Hero/assets/StickerLogo2.tsx
+++ b/components/octopost/Hero/assets/StickerLogo2.tsx
@@ -1989,5 +1989,5 @@ export default function StickerLogo2() {
- );
+ )
}
diff --git a/components/octopost/Hero/assets/WaveAnimation.tsx b/components/octopost/Hero/assets/WaveAnimation.tsx
index b664992..021d958 100644
--- a/components/octopost/Hero/assets/WaveAnimation.tsx
+++ b/components/octopost/Hero/assets/WaveAnimation.tsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef } from "react";
+import React, { useCallback, useEffect, useRef } from 'react'
const WaveAnimation: React.FC = () => {
- const wavePathRef1 = useRef
(null);
- const wavePathRef2 = useRef(null);
- const wavePathRef3 = useRef(null);
+ const wavePathRef1 = useRef(null)
+ const wavePathRef2 = useRef(null)
+ const wavePathRef3 = useRef(null)
const generateWavePath = (
amplitude: number,
@@ -11,70 +11,70 @@ const WaveAnimation: React.FC = () => {
phase: number,
points: number,
): string => {
- const width = 1440;
- const height = 300;
- let path = `M0,${height / 2} `;
+ const width = 1440
+ const height = 300
+ let path = `M0,${height / 2} `
for (let i = 0; i <= points; i++) {
- const x = (i / points) * width;
+ const x = (i / points) * width
const y =
height / 2 +
- amplitude * Math.sin((i / points) * frequency * 2 * Math.PI + phase);
- path += `L${x},${y} `;
+ amplitude * Math.sin((i / points) * frequency * 2 * Math.PI + phase)
+ path += `L${x},${y} `
}
- path += `L${width},${height} L0,${height} Z`;
- return path;
- };
+ path += `L${width},${height} L0,${height} Z`
+ return path
+ }
- const updateWave = () => {
- const amplitude = 50;
- const frequency = 2;
- const phase = performance.now() / 1000;
- const points = 100;
- const path = generateWavePath(amplitude, frequency, phase, points);
+ const updateWave = useCallback(() => {
+ const amplitude = 50
+ const frequency = 2
+ const phase = performance.now() / 1000
+ const points = 100
+ const path = generateWavePath(amplitude, frequency, phase, points)
if (wavePathRef1.current) {
- wavePathRef1.current.setAttribute("d", path);
+ wavePathRef1.current.setAttribute('d', path)
}
- requestAnimationFrame(updateWave);
- };
+ requestAnimationFrame(updateWave)
+ }, [])
- const updateWave2 = () => {
- const amplitude = 20;
- const frequency = 5;
- const phase = performance.now() / 1000;
- const points = 100;
- const path = generateWavePath(amplitude, frequency, phase, points);
+ const updateWave2 = useCallback(() => {
+ const amplitude = 20
+ const frequency = 5
+ const phase = performance.now() / 1000
+ const points = 100
+ const path = generateWavePath(amplitude, frequency, phase, points)
if (wavePathRef2.current) {
- wavePathRef2.current.setAttribute("d", path);
+ wavePathRef2.current.setAttribute('d', path)
}
- requestAnimationFrame(updateWave2);
- };
+ requestAnimationFrame(updateWave2)
+ }, [])
- const updateWave3 = () => {
- const amplitude = 30;
- const frequency = 4;
- const phase = performance.now() / 1000;
- const points = 100;
- const path = generateWavePath(amplitude, frequency, phase, points);
+ const updateWave3 = useCallback(() => {
+ const amplitude = 30
+ const frequency = 4
+ const phase = performance.now() / 1000
+ const points = 100
+ const path = generateWavePath(amplitude, frequency, phase, points)
if (wavePathRef3.current) {
- wavePathRef3.current.setAttribute("d", path);
+ wavePathRef3.current.setAttribute('d', path)
}
- requestAnimationFrame(updateWave3);
- };
+ requestAnimationFrame(updateWave3)
+ }, [])
useEffect(() => {
- updateWave();
- updateWave2();
- updateWave3();
- }, []);
+ updateWave()
+ updateWave2()
+ updateWave3()
+ }, [updateWave, updateWave2, updateWave3])
return (
@@ -82,7 +82,7 @@ const WaveAnimation: React.FC = () => {
className="wave"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 300"
- style={{ position: "absolute", bottom: 0, width: "100%" }}
+ style={{ position: 'absolute', bottom: 0, width: '100%' }}
>
{
className="wave"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 310"
- style={{ position: "absolute", bottom: 0, width: "100%" }}
+ style={{ position: 'absolute', bottom: 0, width: '100%' }}
>
{
className="wave"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 290"
- style={{ position: "absolute", bottom: 0, width: "100%" }}
+ style={{ position: 'absolute', bottom: 0, width: '100%' }}
>
{
>
- );
-};
+ )
+}
-export default WaveAnimation;
+export default WaveAnimation
diff --git a/components/octopost/Hero/assets/socials.tsx b/components/octopost/Hero/assets/socials.tsx
index 0ca1ef6..063384a 100644
--- a/components/octopost/Hero/assets/socials.tsx
+++ b/components/octopost/Hero/assets/socials.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react'
export const SvgIcon1 = () => (
(
fill="#894DF6"
/>
-);
+)
export const SvgIcon2 = () => (
(
fill="#894DF6"
/>
-);
+)
export const SvgIcon3 = () => (
(
fill="#894DF6"
/>
-);
+)
export const SvgIcon4 = () => (
(
fill="#894DF6"
/>
-);
+)
const SvgCollection = () => {
return (
@@ -71,7 +71,7 @@ const SvgCollection = () => {
- );
-};
+ )
+}
-export default SvgCollection;
+export default SvgCollection
diff --git a/components/octopost/Hero/waves.js b/components/octopost/Hero/waves.tsx
similarity index 77%
rename from components/octopost/Hero/waves.js
rename to components/octopost/Hero/waves.tsx
index 653f8d9..2d003a8 100644
--- a/components/octopost/Hero/waves.js
+++ b/components/octopost/Hero/waves.tsx
@@ -1,9 +1,9 @@
-import React from "react";
-import Wavify from "react-wavify";
+import React from 'react'
+import Wavify from 'react-wavify'
const Waves = () => {
return (
-
+
{
className="absolute bottom-0 w-full"
/>
- );
-};
+ )
+}
-export default Waves;
+export default Waves
diff --git a/components/octopost/JoinUs/JoinUs.tsx b/components/octopost/JoinUs/JoinUs.tsx
index 707c1c1..7db0bf7 100644
--- a/components/octopost/JoinUs/JoinUs.tsx
+++ b/components/octopost/JoinUs/JoinUs.tsx
@@ -1,10 +1,9 @@
-"use client";
-import { motion } from "framer-motion";
-import JoinUsLogo from "./assets/JoinUsLogo";
+'use client'
+import { motion } from 'framer-motion'
+import JoinUsLogo from './assets/JoinUsLogo'
-import Datas from "@/components/octopost/Datas/Datas";
-import { useState } from "react";
-import Image from "next/image";
+import Datas from '@/components/octopost/Datas/Datas'
+import Image from 'next/image'
const RenderLayers = () => {
return (
@@ -12,98 +11,98 @@ const RenderLayers = () => {
{
opacity: [0.8, 1],
}}
transition={{
- ease: "easeInOut",
+ ease: 'easeInOut',
duration: 5,
delay: 0,
repeat: Infinity,
- repeatType: "reverse",
+ repeatType: 'reverse',
}}
- className="absolute bg-layer9 bottom-[600px] w-72 h-40 left-[100px] sm:left-[1000px]"
+ className="bg-layer9 absolute bottom-[600px] left-[100px] h-40 w-72 sm:left-[1000px]"
>
>
- );
-};
+ )
+}
export default function JoinUs() {
- const [avatars, setAvatars] = useState([1, 2, 3]);
const profiles = [
- { imgSrc: "/image1.jpg", alt: "Profile 1" },
- { imgSrc: "/image2.jpg", alt: "Profile 2" },
- { imgSrc: "/image3.jpg", alt: "Profile 3" },
- { imgSrc: "/image4.jpg", alt: "Profile 4" },
- ];
+ { imgSrc: '/image1.jpg', alt: 'Profile 1' },
+ { imgSrc: '/image2.jpg', alt: 'Profile 2' },
+ { imgSrc: '/image3.jpg', alt: 'Profile 3' },
+ { imgSrc: '/image4.jpg', alt: 'Profile 4' },
+ ]
return (
-
+
-
+
-
-
+
+
-
-
-
+
+
+
Junte-se a nossa comunidade
@@ -186,27 +184,27 @@ export default function JoinUs() {
{profiles.map((profile, index) => (
))}
-
+
More than 10,000 people have tried
-
+
Acesse o nosso Discord!
- );
+ )
}
diff --git a/components/octopost/JoinUs/assets/JoinUsLogo.tsx b/components/octopost/JoinUs/assets/JoinUsLogo.tsx
index 75319b5..7e94294 100644
--- a/components/octopost/JoinUs/assets/JoinUsLogo.tsx
+++ b/components/octopost/JoinUs/assets/JoinUsLogo.tsx
@@ -944,5 +944,5 @@ export default function JoinUsLogo() {
- );
+ )
}
diff --git a/components/octopost/Navbar/Navbar.tsx b/components/octopost/Navbar/Navbar.tsx
index f1cec9f..a621e45 100644
--- a/components/octopost/Navbar/Navbar.tsx
+++ b/components/octopost/Navbar/Navbar.tsx
@@ -1,55 +1,54 @@
-"use client";
+'use client'
-import { usePathname } from "next/navigation";
-import Link from "next/link";
-import { motion } from "framer-motion";
-import { useState } from "react";
-import Logo from "./assets/Logo";
+import { usePathname } from 'next/navigation'
+import Link from 'next/link'
+import { motion } from 'framer-motion'
+import { useState } from 'react'
+import Logo from './assets/Logo'
const navLinks = [
{
- path: "/octopost",
- name: "Home",
+ path: '/octopost',
+ name: 'Home',
},
{
- path: "/features",
- name: "Features",
+ path: '/features',
+ name: 'Features',
},
{
- path: "/benefits",
- name: "Benefits",
+ path: '/benefits',
+ name: 'Benefits',
},
{
- path: "/join-us",
- name: "Join Us",
+ path: '/join-us',
+ name: 'Join Us',
},
{
- path: "/faq",
- name: "FAQ",
+ path: '/faq',
+ name: 'FAQ',
},
-];
+]
function Navbar() {
- const pathname = usePathname() || "/";
- const [hoverLink, setHoverLink] = useState(pathname);
+ const pathname = usePathname() || '/'
+ const [hoverLink, setHoverLink] = useState(pathname)
return (
-
+
- {" "}
+ {' '}
-
- {navLinks.map((item, index) => {
- const isActive = item.path === pathname;
+
+ {navLinks.map((item) => {
+ const isActive = item.path === pathname
return (
{
- setHoverLink(item.path);
+ setHoverLink(item.path)
}}
onMouseLeave={() => setHoverLink(pathname)}
>
@@ -60,10 +59,10 @@ lg:text-base ${isActive ? "font-semibold" : "font-normal"}`}
layoutId="navbar"
area-hiden="true"
style={{
- width: "100%",
+ width: '100%',
}}
transition={{
- type: "spring",
+ type: 'spring',
bounce: 0.25,
stiffness: 50,
damping: 5,
@@ -72,16 +71,16 @@ lg:text-base ${isActive ? "font-semibold" : "font-normal"}`}
/>
)}
- );
+ )
})}
-
+
Teste agora
- );
+ )
}
-export default Navbar;
+export default Navbar
diff --git a/components/octopost/Navbar/assets/Logo.tsx b/components/octopost/Navbar/assets/Logo.tsx
index 47d1822..bb0eb3d 100644
--- a/components/octopost/Navbar/assets/Logo.tsx
+++ b/components/octopost/Navbar/assets/Logo.tsx
@@ -134,7 +134,7 @@ function Page() {
- );
+ )
}
-export default Page;
+export default Page
diff --git a/components/octopost/Works/Card.tsx b/components/octopost/Works/Card.tsx
index a881720..e4d66c1 100644
--- a/components/octopost/Works/Card.tsx
+++ b/components/octopost/Works/Card.tsx
@@ -1,66 +1,81 @@
-'use client';
-
-import { motion } from "framer-motion";
-import React, { useState } from 'react';
-import ColorfulEllipse from "./assets/ ColorfulEllipse";
-import CloudIcon from "./assets/CloudIcon";
-import Ellipse from "./assets/Ellipse";
-import ColorfulCloud from "./assets/ColorfulCloud";
-
-type CardProps = {
- title: string,
- text: string,
-}
-
-function Card({
- title,
- text,
-}: CardProps) {
- const [isHovered, setIsHovered] = useState(false);
-
-
- return (
-
setIsHovered(true)}
- onMouseLeave={() => setIsHovered(false)}>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default Card;
\ No newline at end of file
+'use client'
+
+import { motion } from 'framer-motion'
+import React, { useState } from 'react'
+import ColorfulEllipse from './assets/ ColorfulEllipse'
+import CloudIcon from './assets/CloudIcon'
+import Ellipse from './assets/Ellipse'
+import ColorfulCloud from './assets/ColorfulCloud'
+
+type CardProps = {
+ title: string
+ text: string
+}
+
+function Card({ title, text }: CardProps) {
+ const [isHovered, setIsHovered] = useState(false)
+
+ return (
+
setIsHovered(true)}
+ onMouseLeave={() => setIsHovered(false)}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Card
diff --git a/components/octopost/Works/Works.tsx b/components/octopost/Works/Works.tsx
index 2cf447c..c3e1f5a 100644
--- a/components/octopost/Works/Works.tsx
+++ b/components/octopost/Works/Works.tsx
@@ -1,91 +1,91 @@
-"use client";
-
-import { useState, useRef, useEffect } from "react";
-import Bubble from "./assets/Bubble";
-import VectorLeft from "./assets/VectorLeft";
-import VectorRight from "./assets/VectorRight";
-import Card from "./Card";
-
-import { CARDS } from "./utils/Cards";
-
-function Works() {
- const [activeSlide, setActiveSlide] = useState
(0);
- const scrollContainerRef = useRef(null);
-
- const handleScrollEvent = (): void => {
- if (scrollContainerRef.current) {
- const scrollLeft = scrollContainerRef.current.scrollLeft;
- const width = scrollContainerRef.current.clientWidth;
- const newActiveSlide = Math.round(scrollLeft / width);
- setActiveSlide(newActiveSlide);
- }
- };
-
- return (
-
-
-
-
- Como Funciona?
-
-
- O OctoPost simplifica o compartilhamento de conteúdo em diversas
- plataformas. Veja como podemos transformar sua experiência online.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
- {CARDS.map((card, index) => (
-
-
-
- ))}
-
-
-
-
-
-
- {Array.from({ length: CARDS.length }).map((_, index) => (
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default Works;
+'use client'
+
+import { useRef, useState } from 'react'
+import Bubble from './assets/Bubble'
+import VectorLeft from './assets/VectorLeft'
+import VectorRight from './assets/VectorRight'
+import Card from './Card'
+
+import { CARDS } from './utils/Cards'
+
+function Works() {
+ const [activeSlide, setActiveSlide] = useState(0)
+ const scrollContainerRef = useRef(null)
+
+ const handleScrollEvent = (): void => {
+ if (scrollContainerRef.current) {
+ const scrollLeft = scrollContainerRef.current.scrollLeft
+ const width = scrollContainerRef.current.clientWidth
+ const newActiveSlide = Math.round(scrollLeft / width)
+ setActiveSlide(newActiveSlide)
+ }
+ }
+
+ return (
+
+
+
+
+ Como Funciona?
+
+
+ O OctoPost simplifica o compartilhamento de conteúdo em diversas
+ plataformas. Veja como podemos transformar sua experiência online.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+ {CARDS.map((card, index) => (
+
+
+
+ ))}
+
+
+
+
+
+
+ {Array.from({ length: CARDS.length }).map((_, index) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Works
diff --git a/components/octopost/Works/assets/ ColorfulEllipse.tsx b/components/octopost/Works/assets/ ColorfulEllipse.tsx
index 29897ec..0fe2d67 100644
--- a/components/octopost/Works/assets/ ColorfulEllipse.tsx
+++ b/components/octopost/Works/assets/ ColorfulEllipse.tsx
@@ -1,15 +1,34 @@
-function ColorfulEllipse() {
- return (
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default ColorfulEllipse;
\ No newline at end of file
+function ColorfulEllipse() {
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default ColorfulEllipse
diff --git a/components/octopost/Works/assets/Bubble.tsx b/components/octopost/Works/assets/Bubble.tsx
index 7f28d11..e01bebe 100644
--- a/components/octopost/Works/assets/Bubble.tsx
+++ b/components/octopost/Works/assets/Bubble.tsx
@@ -1,346 +1,685 @@
-function Bubble() {
-
- return(
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default Bubble;
\ No newline at end of file
+function Bubble() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Bubble
diff --git a/components/octopost/Works/assets/CloudIcon.tsx b/components/octopost/Works/assets/CloudIcon.tsx
index cda2972..804ef23 100644
--- a/components/octopost/Works/assets/CloudIcon.tsx
+++ b/components/octopost/Works/assets/CloudIcon.tsx
@@ -1,18 +1,72 @@
-function CloudIcon() {
-
- return (
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default CloudIcon;
\ No newline at end of file
+function CloudIcon() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default CloudIcon
diff --git a/components/octopost/Works/assets/ColorfulCloud.tsx b/components/octopost/Works/assets/ColorfulCloud.tsx
index 71c2f3b..809aa46 100644
--- a/components/octopost/Works/assets/ColorfulCloud.tsx
+++ b/components/octopost/Works/assets/ColorfulCloud.tsx
@@ -1,28 +1,104 @@
-function ColorfulCloud() {
-
- return(
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default ColorfulCloud;
\ No newline at end of file
+function ColorfulCloud() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default ColorfulCloud
diff --git a/components/octopost/Works/assets/Ellipse.tsx b/components/octopost/Works/assets/Ellipse.tsx
index 514fb6a..904d5e3 100644
--- a/components/octopost/Works/assets/Ellipse.tsx
+++ b/components/octopost/Works/assets/Ellipse.tsx
@@ -1,10 +1,15 @@
-function Ellipse() {
-
- return(
-
-
-
- )
-}
-
-export default Ellipse;
\ No newline at end of file
+function Ellipse() {
+ return (
+
+
+
+ )
+}
+
+export default Ellipse
diff --git a/components/octopost/Works/assets/VectorLeft.tsx b/components/octopost/Works/assets/VectorLeft.tsx
index a62ad5e..d465ce6 100644
--- a/components/octopost/Works/assets/VectorLeft.tsx
+++ b/components/octopost/Works/assets/VectorLeft.tsx
@@ -1,18 +1,33 @@
-function VectorLeft() {
-
- return (
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default VectorLeft;
\ No newline at end of file
+function VectorLeft() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default VectorLeft
diff --git a/components/octopost/Works/assets/VectorRight.tsx b/components/octopost/Works/assets/VectorRight.tsx
index 9f02265..cca5333 100644
--- a/components/octopost/Works/assets/VectorRight.tsx
+++ b/components/octopost/Works/assets/VectorRight.tsx
@@ -1,15 +1,31 @@
-function VectorRight() {
- return (
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default VectorRight;
\ No newline at end of file
+function VectorRight() {
+ return (
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default VectorRight
diff --git a/components/octopost/Works/utils/Cards.ts b/components/octopost/Works/utils/Cards.ts
index a119fae..dc2cd5d 100644
--- a/components/octopost/Works/utils/Cards.ts
+++ b/components/octopost/Works/utils/Cards.ts
@@ -1,16 +1,16 @@
-export const CARDS = [
- {
- title: 'Gerenciamento Simples',
- text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
- },
-
- {
- title: 'Gerenciamento Simples',
- text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
- },
-
- {
- title: 'Gerenciamento Simples',
- text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
- },
-]
\ No newline at end of file
+export const CARDS = [
+ {
+ title: 'Gerenciamento Simples',
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+ },
+
+ {
+ title: 'Gerenciamento Simples',
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+ },
+
+ {
+ title: 'Gerenciamento Simples',
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+ },
+]
diff --git a/lib/utils.ts b/lib/utils.ts
index a5ef193..fed2fe9 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs));
+ return twMerge(clsx(inputs))
}