diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index cf0b291..16df7fa 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -3,43 +3,40 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; -import TeamCardEleven from "@/components/sections/team/TeamCardEleven"; -import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; +import PricingCardNine from "@/components/sections/pricing/PricingCardNine"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterSimple from "@/components/sections/footer/FooterSimple"; import Link from "next/link"; -import { Zap, Users, Heart } from "lucide-react"; +import { Zap, CreditCard, Mail } from "lucide-react"; export default function AboutPage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Features", id: "/features" }, + { name: "Features", id: "/dashboard" }, { name: "Pricing", id: "/pricing" }, { name: "Docs", id: "https://docs.nextgen-intelligence.io" }, - { name: "Contact", id: "/contact" }, + { name: "Contact", id: "/" }, ]; const footerColumns = [ { - title: "Product", - items: [ - { label: "Features", href: "/features" }, + title: "Product", items: [ + { label: "Features", href: "/" }, { label: "Pricing", href: "/pricing" }, { label: "Documentation", href: "https://docs.nextgen-intelligence.io" }, { label: "API Reference", href: "https://api.nextgen-intelligence.io" }, ], }, { - title: "Company", - items: [ - { label: "About Us", href: "/about" }, + title: "Company", items: [ + { label: "About Us", href: "/" }, { label: "Blog", href: "https://blog.nextgen-intelligence.io" }, { label: "Careers", href: "https://careers.nextgen-intelligence.io" }, { label: "Press", href: "https://press.nextgen-intelligence.io" }, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Tutorials", href: "https://tutorials.nextgen-intelligence.io" }, { label: "Community", href: "https://community.nextgen-intelligence.io" }, { label: "Support", href: "https://support.nextgen-intelligence.io" }, @@ -47,8 +44,7 @@ export default function AboutPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "https://nextgen-intelligence.io/privacy" }, { label: "Terms of Service", href: "https://nextgen-intelligence.io/terms" }, { label: "Cookie Policy", href: "https://nextgen-intelligence.io/cookies" }, @@ -79,215 +75,94 @@ export default function AboutPage() { /> -
+
-
- + +
+ +
+
-
- +
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..2c02870 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,67 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from "react"; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + fill?: string; + strokeWidth?: number; + stroke?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = "", fontSize = 48, + fontFamily = "Arial, sans-serif", fontWeight = 700, + fill = "currentColor", strokeWidth = 0, + stroke = "none"}) => { + // Measure text width using a temporary SVG element + const measureText = () => { + const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); + const textEl = document.createElementNS( + "http://www.w3.org/2000/svg", "text" + ); + textEl.setAttribute("font-size", fontSize.toString()); + textEl.setAttribute("font-family", fontFamily); + textEl.setAttribute("font-weight", fontWeight.toString()); + textEl.textContent = text; + svg.appendChild(textEl); + document.body.appendChild(svg); + const bbox = textEl.getBBox(); + document.body.removeChild(svg); + return bbox; + }; + + const bbox = measureText(); + const padding = 10; + const width = bbox.width + padding * 2; + const height = bbox.height + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;