diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c9e3a7f..8ba3365 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,39 +1,29 @@ import type { Metadata } from "next"; -import { Manrope } from "next/font/google"; +import { Poppins } from "next/font/google"; import { DM_Sans } from "next/font/google"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const manrope = Manrope({ - variable: "--font-manrope", subsets: ["latin"], +const poppins = Poppins({ + variable: "--font-poppins", subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); const dmSans = DM_Sans({ variable: "--font-dm-sans", subsets: ["latin"], }); -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); - -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], -}); - export const metadata: Metadata = { - title: "DevFlow - Developer Platform for Faster Shipping", description: "Ship code faster with DevFlow, the ultimate development platform. Real-time collaboration, advanced analytics, and enterprise security for teams that move at speed.", keywords: "developer platform, SaaS, collaboration, CI/CD, deployment, development tools", openGraph: { - title: "DevFlow - Developer Platform for Faster Shipping", description: "Ship code faster with DevFlow. The ultimate platform for development teams.", type: "website", siteName: "DevFlow", images: [ + title: "Spark AI Video - Generate Viral AI Videos in Seconds", description: "Create stunning AI-generated videos in seconds with Spark AI Video. The fastest way to produce viral content without technical skills. Try free today.", keywords: "AI video generator, viral videos, video creation, AI content, video editing, SaaS", openGraph: { + title: "Spark AI Video - Generate Viral AI Videos in Seconds", description: "Create stunning AI-generated videos in seconds with Spark AI Video.", type: "website", siteName: "Spark AI Video", images: [ { - url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATClF1aIrkpoIJzHrVZTgeAMMx/professional-headshot-of-a-software-engi-1772607486842-24cb25c0.png", alt: "DevFlow Platform" + url: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=1200&h=630&fit=crop", alt: "Spark AI Video - AI Video Generator" } ] }, twitter: { - card: "summary_large_image", title: "DevFlow - Developer Platform for Faster Shipping", description: "Ship code faster with DevFlow. The ultimate platform for development teams.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATClF1aIrkpoIJzHrVZTgeAMMx/professional-headshot-of-a-software-engi-1772607486842-24cb25c0.png"] + card: "summary_large_image", title: "Spark AI Video - Generate Viral AI Videos in Seconds", description: "Create stunning AI-generated videos in seconds with Spark AI Video.", images: ["https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=1200&h=630&fit=crop"] }, robots: { index: true, @@ -50,7 +40,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index ed08b05..58c7cab 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -3,55 +3,54 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import HeroCentered from "@/components/sections/hero/HeroCentered"; -import FeatureBento from "@/components/sections/feature/FeatureBento"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; -import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; -import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; +import FeatureBento from "@/components/sections/feature/FeatureBento"; +import PricingCardThree from "@/components/sections/pricing/PricingCardThree"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; -import { BarChart3, Code, Database, Layers, Shield, Sparkles, Zap, Mail, CreditCard, Star } from "lucide-react"; +import { Sparkles, Zap, Clock, TrendingUp, Wand2, Share2, Clapperboard, User, Play, Mail, Rocket, ArrowRight, CheckCircle } from "lucide-react"; export default function LandingPage() { return (
-
- + +
+ +
+
-
- + -
- -
-
-
@@ -175,28 +185,28 @@ export default function LandingPage() { title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, - { label: "Security", href: "#" }, - { label: "Roadmap", href: "#" } + { label: "How It Works", href: "#how-it-works" }, + { label: "Templates", href: "#" } ] }, { title: "Resources", items: [ - { label: "Documentation", href: "https://docs.devflow.dev" }, - { label: "API Reference", href: "https://api.devflow.dev" }, - { label: "Blog", href: "https://blog.devflow.dev" }, - { label: "Community", href: "https://community.devflow.dev" } + { label: "Documentation", href: "#" }, + { label: "API Reference", href: "#" }, + { label: "Blog", href: "#" }, + { label: "Community", href: "#" } ] }, { title: "Company", items: [ { label: "About", href: "#" }, - { label: "Contact", href: "#" }, + { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" } ] } ]} - copyrightText="© 2025 DevFlow. All rights reserved." + copyrightText="© 2025 Spark AI Video. All rights reserved." /> ); diff --git a/src/app/styles/base.css b/src/app/styles/base.css index c2b4e50..0f9f89d 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-dm-sans), sans-serif; + font-family: var(--font-poppins), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-manrope), sans-serif; + font-family: var(--font-poppins), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 847a8ae..4f0bc2b 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #050012;; - --card: #040121;; - --foreground: #f0e6ff;; - --primary-cta: #c89bff;; - --secondary-cta: #1d123b;; - --accent: #684f7b;; - --background-accent: #65417c;; */ + /* --background: #0a0a0a;; + --card: #1a1a1a;; + --foreground: #ffffff;; + --primary-cta: #6366f1;; + --secondary-cta: #1a1a1a;; + --accent: #a855f7;; + --background-accent: #7c3aed;; */ - --background: #050012;; - --card: #040121;; - --foreground: #f0e6ff;; - --primary-cta: #c89bff;; + --background: #0a0a0a;; + --card: #1a1a1a;; + --foreground: #ffffff;; + --primary-cta: #6366f1;; --primary-cta-text: #050012;; - --secondary-cta: #1d123b;; + --secondary-cta: #1a1a1a;; --secondary-cta-text: #f0e6ff;; - --accent: #684f7b;; - --background-accent: #65417c;; + --accent: #a855f7;; + --background-accent: #7c3aed;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);