From 0f70d6efbaff4074b12ca31629efe6fc0c2a1841 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Tue, 30 Jun 2026 16:32:43 +0000 Subject: [PATCH 1/2] Bob AI: Add products page --- src/App.tsx | 2 + src/components/Layout.tsx | 4 +- src/pages/ProductsPage.tsx | 93 ++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 99 insertions(+), 1 deletion(-) create mode 100644 src/pages/ProductsPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 33d15f9..c9c6d8e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/HomePage'; +import ProductsPage from "@/pages/ProductsPage"; export default function App() { return ( }> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 16dca78..0da9924 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -34,7 +34,9 @@ export default function Layout() { { "name": "Faq", "href": "#faq" - } + }, + { name: "Products", href: "/products" }, + ]; return ( diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx new file mode 100644 index 0000000..c10a3e0 --- /dev/null +++ b/src/pages/ProductsPage.tsx @@ -0,0 +1,93 @@ +import React from "react"; +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroBillboard from "@/components/sections/hero/HeroBillboard"; +import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; +import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; +import ContactCta from "@/components/sections/contact/ContactCta"; +import NoiseBackground from "@/components/ui/NoiseBackground"; + +export default function ProductsPage() { + return ( +
+ + + ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Bize Ulaşın", href: "/contact" }} + /> + +
+ + +
+ console.log("Pro Sürüm X tıklandı") + }, + { + name: "Başlangıç Paketi", + price: "₺999", + imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=800&auto=format&fit=crop", + onClick: () => console.log("Başlangıç Paketi tıklandı") + }, + { + name: "Kurumsal Çözüm", + price: "Özel Fiyat", + imageSrc: "https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?q=80&w=800&auto=format&fit=crop", + onClick: () => console.log("Kurumsal Çözüm tıklandı") + } + ]} + /> +
+ +
+ +
+ + +
+
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..93d7fae 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/products', label: 'Products', pageFile: 'ProductsPage' }, ]; From 63e66be5cdc3f98d22e86fa45d0ddcf8e24ed692 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Tue, 30 Jun 2026 16:33:22 +0000 Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 2 sections) --- src/pages/ProductsPage.tsx | 103 +++++-------------------------------- 1 file changed, 14 insertions(+), 89 deletions(-) diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx index c10a3e0..6cf671a 100644 --- a/src/pages/ProductsPage.tsx +++ b/src/pages/ProductsPage.tsx @@ -1,93 +1,18 @@ -import React from "react"; -import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroBillboard from "@/components/sections/hero/HeroBillboard"; -import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; -import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; -import ContactCta from "@/components/sections/contact/ContactCta"; -import NoiseBackground from "@/components/ui/NoiseBackground"; +import Button from "@/components/ui/Button"; +import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import AvatarGroup from "@/components/ui/AvatarGroup"; +import { ArrowUpRight, Loader2 } from "lucide-react"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; +import useProducts from "@/hooks/useProducts"; export default function ProductsPage() { return ( -
- - - ({ name: r.label, href: r.path }))} - ctaButton={{ text: "Bize Ulaşın", href: "/contact" }} - /> - -
- - -
- console.log("Pro Sürüm X tıklandı") - }, - { - name: "Başlangıç Paketi", - price: "₺999", - imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=800&auto=format&fit=crop", - onClick: () => console.log("Başlangıç Paketi tıklandı") - }, - { - name: "Kurumsal Çözüm", - price: "Özel Fiyat", - imageSrc: "https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?q=80&w=800&auto=format&fit=crop", - onClick: () => console.log("Kurumsal Çözüm tıklandı") - } - ]} - /> -
- -
- -
- - -
-
+ <> +
+
+ ); -} \ No newline at end of file +}