bender/7410caf6-86ab-4183-8c2d-ce76ee43c137
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_3 bender:version_2
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_1 bender:version_3 bender:version_2

7 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
8036809038 Update src/app/page.tsx 2026-03-05 16:28:58 +00:00
bender
3875363832 Update src/app/page.tsx 2026-03-05 16:27:14 +00:00
bender
c978ad1984 Update src/app/layout.tsx 2026-03-05 16:27:14 +00:00
bender
e26df36da5 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 16:24:59 +00:00
bender
be61c34a90 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 16:23:22 +00:00
bender
e8567a36ab Merge version_1 into main 
Merge version_1 into main
 2026-03-05 16:22:44 +00:00
bender
f78d610f7f Update src/app/page.tsx 2026-03-05 16:22:40 +00:00
2 changed files with 29 additions and 42 deletions
Expand all files Collapse all files

49
src/app/layout.tsx
View File

@@ -1,49 +1,21 @@
import type { Metadata } from "next"; import type { Metadata } from 'next';
import { DM_Sans } from "next/font/google"; import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Inter } from "next/font/google"; import './globals.css';
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "VideoAI - AI Video Generator for Content Creators", description: "Create professional AI videos from text in seconds. No editing skills needed. Perfect for social media, marketing, and business content.", keywords: "AI video generator, text to video, video creation, content creation, AI tools", metadataBase: new URL("https://videoai.com"), title: 'VideoAI - Create AI Videos from Text',
alternates: { description: 'Transform your ideas into stunning videos in seconds with AI-powered video generation. No editing experience needed.',
canonical: "https://videoai.com"},
openGraph: {
title: "VideoAI - Generate Videos from Text with AI", description: "Create stunning professional videos from text in seconds. AI-powered video generation for everyone.", url: "https://videoai.com", siteName: "VideoAI", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX8SFHdoBIfxOeckuVuSbkFw3z/a-sleek-modern-ai-video-generation-inter-1772727622793-55fb29c1.png", alt: "VideoAI Dashboard"},
],
type: "website"},
twitter: {
card: "summary_large_image", title: "VideoAI - Generate Videos from Text with AI", description: "Create professional videos from text in seconds with AI technology.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX8SFHdoBIfxOeckuVuSbkFw3z/a-sleek-modern-ai-video-generation-inter-1772727622793-55fb29c1.png"],
},
robots: {
index: true,
follow: true,
},
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}> {children}
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@@ -1412,7 +1384,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

20
src/app/page.tsx
View File

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo'; import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureBento from '@/components/sections/feature/FeatureBento'; import FeatureBento from '@/components/sections/feature/FeatureBento';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -48,9 +48,9 @@ export default function LandingPage() {
navItems={[ navItems={[
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Generator", id: "generator" }, { name: "Generator", id: "generator" },
{ name: "Partners", id: "social-proof" },
{ name: "Pricing", id: "products" }, { name: "Pricing", id: "products" },
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]} ]}
brandName="VideoAI" brandName="VideoAI"
bottomLeftText="AI-Powered" bottomLeftText="AI-Powered"
@@ -189,6 +189,22 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={[
"TechCorp", "CreativeStudio", "MediaFlow", "ContentLabs", "VideoSync", "Digital Pro", "StudioAI", "FrameWorks"]}
title="Trusted by Industry Leaders"
description="Join thousands of companies and creators using VideoAI to produce professional content"
tag="Partners"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
ariaLabel="Social proof section"
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
products={[ products={[