diff --git a/app/(default)/case-studies/page.tsx b/app/(default)/case-studies/page.tsx index d354933f..79614246 100644 --- a/app/(default)/case-studies/page.tsx +++ b/app/(default)/case-studies/page.tsx @@ -108,9 +108,9 @@ export default function Home() { viewBox="0 0 24 24" fill="none" stroke="currentColor" - stroke-width="2" - stroke-linecap="round" - stroke-linejoin="round" + strokeWidth="2" + strokeLinecap="round" + strokeLinejoin="round" > diff --git a/app/(default)/webstories/css/CircularLoader.module.css b/app/(default)/webstories/css/CircularLoader.module.css index 1b346338..aeb4ecbf 100644 --- a/app/(default)/webstories/css/CircularLoader.module.css +++ b/app/(default)/webstories/css/CircularLoader.module.css @@ -15,13 +15,13 @@ .backgroundCircle { fill: none; stroke: #e2a26d; - stroke-width: 10; + strokeWidth: 10; } .progressCircle { fill: none; stroke: #d84f06; - stroke-width: 10; + strokeWidth: 10; stroke-dasharray: 283; /* 2 * Math.PI * 45 (radius) */ stroke-dashoffset: 283; /* Initially hidden */ transition: stroke-dashoffset 0.3s linear; diff --git a/app/layout.tsx b/app/layout.tsx index a26fce8a..ceee385c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,13 +1,16 @@ +'use client'; + import './css/style.css'; -import '@/app/(default)/webstories/css/styles.css' +import '@/app/(default)/webstories/css/styles.css'; import { Inter } from 'next/font/google'; import Header from '@/components/ui/header'; +import Script from 'next/script'; import React, { ReactNode } from 'react'; const inter = Inter({ - subsets: ['latin'], - variable: '--font-inter', - display: 'swap', + subsets: ['latin'], + variable: '--font-inter', + display: 'swap', }); export interface Metadata { @@ -19,24 +22,31 @@ export interface Metadata { export const defaultMetadata: Metadata = { title: 'Keploy | Open Source Stubs and API Test Generator for Developer', - keywords: "Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking", - description: 'Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool', - image: "images/logo.svg", + keywords: + 'Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking', + description: + 'Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool', + image: 'images/logo.svg', }; interface RootLayoutProps { children: ReactNode; metadata?: Metadata; - HeaderDisplayed?:boolean; + HeaderDisplayed?: boolean; } -export default function RootLayout({ children, metadata , HeaderDisplayed=true }: RootLayoutProps) { +export default function RootLayout({ + children, + metadata, + HeaderDisplayed = true, +}: RootLayoutProps) { const finalMetadata = { title: metadata?.title || defaultMetadata.title, keywords: metadata?.keywords || defaultMetadata.keywords, description: metadata?.description || defaultMetadata.description, image: metadata?.image || defaultMetadata.image, }; + return ( @@ -44,9 +54,16 @@ export default function RootLayout({ children, metadata , HeaderDisplayed=true } - - - -