diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9b0b7f0..0e03691 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,60 +1,34 @@
import type { Metadata } from "next";
-import { Manrope } 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 dmSans = DM_Sans({
- variable: "--font-dm-sans", subsets: ["latin"],
-});
-
-const halant = Halant({
- variable: "--font-halant", subsets: ["latin"],
- weight: ["300", "400", "500", "600", "700"],
-});
+import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
+import { Tag } from "@/providers/tag/Tag";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
+ weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
- title: "DevFlow | Modern SaaS Development Platform", description: "Build, deploy, and scale applications with confidence. DevFlow is the comprehensive platform for development teams seeking powerful automation, monitoring, and collaboration tools.", keywords: "SaaS development, CI/CD platform, API gateway, deployment automation, developer tools", openGraph: {
- title: "DevFlow | SaaS Development Platform", description: "Transform your development lifecycle with DevFlow's powerful automation and monitoring platform.", siteName: "DevFlow", type: "website", images: [
- {
- url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AipurdVMil0uZbzwUuFaGkTvH9/a-modern-sleek-software-development-dash-1773085588609-8ecbb9dc.png", alt: "DevFlow Dashboard"
- }
- ]
- },
- twitter: {
- card: "summary_large_image", title: "DevFlow | SaaS Development Platform", description: "Build, deploy, and scale with confidence using DevFlow.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AipurdVMil0uZbzwUuFaGkTvH9/a-modern-sleek-software-development-dash-1773085588609-8ecbb9dc.png"]
- },
- robots: {
- index: true,
- follow: true
- }
-};
+ title: "DevFlow - Build, Deploy, and Scale with Confidence", description: "DevFlow transforms how development teams collaborate, deploy, and monitor their applications. Streamline your entire development lifecycle with our comprehensive platform."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
+
+
{children}
-
+
+
+
-
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42649e7..52438e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ 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 ProductCardThree from "@/components/sections/product/ProductCardThree";
import {
Zap,
Shield,
@@ -24,7 +25,8 @@ import {
BarChart3,
Database,
Crown,
- Mail
+ Mail,
+ Heart
} from "lucide-react";
export default function LandingPage() {
@@ -46,6 +48,7 @@ export default function LandingPage() {
brandName="DevFlow"
navItems={[
{ name: "Features", id: "features" },
+ { name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" }
]}
@@ -129,6 +132,43 @@ export default function LandingPage() {
/>
+
+
console.log("Favorited product 1"),
+ onProductClick: () => console.log("Clicked product 1"),
+ onQuantityChange: (qty) => console.log("Quantity changed to", qty),
+ isFavorited: false
+ },
+ {
+ id: "2", name: "Enterprise Deployment Bundle", price: "$499.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AipurdVMil0uZbzwUuFaGkTvH9/a-professional-headshot-of-a-tech-leader-1773085588230-3b066879.png", imageAlt: "Enterprise Deployment Bundle product image", initialQuantity: 1,
+ onFavorite: () => console.log("Favorited product 2"),
+ onProductClick: () => console.log("Clicked product 2"),
+ onQuantityChange: (qty) => console.log("Quantity changed to", qty),
+ isFavorited: false
+ },
+ {
+ id: "3", name: "Advanced Monitoring Suite", price: "$299.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AipurdVMil0uZbzwUuFaGkTvH9/a-professional-headshot-of-a-product-man-1773085588105-83f53d57.png", imageAlt: "Advanced Monitoring Suite product image", initialQuantity: 1,
+ onFavorite: () => console.log("Favorited product 3"),
+ onProductClick: () => console.log("Clicked product 3"),
+ onQuantityChange: (qty) => console.log("Quantity changed to", qty),
+ isFavorited: false
+ }
+ ]}
+ carouselMode="buttons"
+ />
+