diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2ac57d7..a24621a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,12 +1,12 @@ import type { Metadata } from "next"; -import { Public_Sans } from "next/font/google"; +import { DM_Sans } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const publicSans = Public_Sans({ - variable: "--font-public-sans", subsets: ["latin"], +const dmSans = DM_Sans({ + variable: "--font-dm-sans", subsets: ["latin"], }); const inter = Inter({ @@ -14,17 +14,17 @@ const inter = Inter({ }); export const metadata: Metadata = { - title: "DevFlow - SaaS Development Platform", description: "Build, deploy, and scale SaaS applications with modern APIs, global infrastructure, and enterprise security. Trusted by 5000+ development teams.", keywords: "SaaS development, API platform, backend infrastructure, developer tools, cloud platform, microservices", metadataBase: new URL("https://devflow.example.com"), + title: "Alex - Full Stack Developer Portfolio", description: "SaaS portfolio dashboard showcasing projects, skills, and experience for a full stack developer. Hire me to build your next project.", keywords: "full stack developer, portfolio, SaaS, projects, skills, hire developer", metadataBase: new URL("https://alex-portfolio.example.com"), alternates: { - canonical: "https://devflow.example.com"}, + canonical: "https://alex-portfolio.example.com"}, openGraph: { - title: "DevFlow - Developer Platform for SaaS", description: "Build production-grade SaaS applications with powerful APIs and global infrastructure.", url: "https://devflow.example.com", siteName: "DevFlow", type: "website", images: [ + title: "Alex - Full Stack Developer Portfolio", description: "SaaS portfolio dashboard showcasing projects, skills, and experience.", url: "https://alex-portfolio.example.com", siteName: "Alex Portfolio", type: "website", images: [ { - url: "/placeholders/placeholder1.webp", alt: "DevFlow platform dashboard"}, + url: "/placeholders/placeholder1.webp", alt: "Alex portfolio dashboard"}, ], }, twitter: { - card: "summary_large_image", title: "DevFlow - SaaS Development Platform", description: "Build, deploy, and scale your SaaS applications with modern APIs and enterprise infrastructure.", images: ["/placeholders/placeholder1.webp"], + card: "summary_large_image", title: "Alex - Full Stack Developer Portfolio", description: "SaaS portfolio dashboard showcasing projects, skills, and experience.", images: ["/placeholders/placeholder1.webp"], }, robots: { index: true, @@ -41,7 +41,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9d8431c..7a4e832 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,18 +9,20 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import AboutMetric from "@/components/sections/about/AboutMetric"; import { - BarChart3, - Cloud, + Briefcase, Code, + Coffee, Database, - DollarSign, - Lock, + Figma, + Globe, + Github, + Linkedin, Mail, - Settings, - Shield, - Sparkles, - Users, + MessageSquare, + Moon, + Palette, Zap, } from "lucide-react"; @@ -28,155 +30,170 @@ const handleNewsletterSubmit = (email: string) => { console.log("Newsletter signup:", email); }; -export default function SaaSLandingPage() { +export default function SaaSPortfolioDashboard() { return (
-
+
+ +
+ +
-
+
-
- -
-