bender/92ab0d81-72e4-4c9a-a56e-ac0e37bdd8aa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-09 20:15:44 +00:00
Conversation 0 Commits 2 Files Changed 2 +57 -44
2 changed files with 57 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/layout.tsx
View File

@@ -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 (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${manrope.variable} ${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<body className={`${inter.variable}`}>
<ServiceWrapper>
<Tag />
{children}
</ServiceWrapper>
<script
async
src="https://cdn.jsdelivr.net/npm/lenis@1.1.9/dist/lenis.min.js"
></script>
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1422,7 +1396,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

46
src/app/page.tsx
View File

@@ -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() {
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Featured Products"
description="Explore our curated collection of development tools and services designed to accelerate your workflow."
tag="Shop"
tagAnimation="opacity"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "DevFlow Pro Starter Kit", price: "$149.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AipurdVMil0uZbzwUuFaGkTvH9/a-professional-headshot-of-a-software-en-1773085587993-ee66552b.png", imageAlt: "DevFlow Pro Starter Kit product image", initialQuantity: 1,
onFavorite: () => 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"
/>
</div>
<div id="interactive-features" data-section="interactive-features">
<FeatureBorderGlow
title="Experience Premium Development Tools"
@@ -261,9 +301,9 @@ export default function LandingPage() {
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Products", href: "#products" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" }
{ label: "Security", href: "#" }
]
},
{