diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..906d1b9 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,220 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; +import SplitAbout from '@/components/sections/about/SplitAbout'; +import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive'; +import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Leaf, Droplets, Award, Zap } from 'lucide-react'; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2c63b75..8f19365 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,59 +1,38 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; -import { Source_Sans_3 } from "next/font/google"; +import localFont from "next/font/local"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; +import "./styles/variables.css"; +import "./styles/base.css"; -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); - -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], -}); - -const sourceSans3 = Source_Sans_3({ - variable: "--font-source-sans-3", subsets: ["latin"] -}); +const geistSans = localFont({ + src: "./fonts/GeistVF.woff", variable: "--font-geist-sans", weight: "100 900"}); +const geistMono = localFont({ + src: "./fonts/GeistMonoVF.woff", variable: "--font-geist-mono", weight: "100 900"}); export const metadata: Metadata = { - title: "PantsByBasics - Premium Linen Lowers for Everyday Comfort", description: "Premium linen lowers designed for breathable comfort and refined style. Discover effortless everyday elegance with PantsByBasics.", keywords: "linen pants, linen lowers, breathable trousers, comfortable everyday wear, minimalist fashion, natural fabric", metadataBase: new URL("https://pantsBybasics.com"), - alternates: { - canonical: "https://pantsBybasics.com" - }, - openGraph: { - title: "PantsByBasics - Comfort That Looks Good", description: "Premium linen lowers designed for everyday living — breathable, refined, and made to move with you.", url: "https://pantsBybasics.com", siteName: "PantsByBasics", type: "website", images: [ - { - url: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-cloth_23-2149080966.jpg", alt: "Premium linen lowers lifestyle" - } - ] - }, - twitter: { - card: "summary_large_image", title: "PantsByBasics - Premium Linen Lowers", description: "Comfort that looks good. Style that feels better.", images: ["http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-cloth_23-2149080966.jpg"] - }, - robots: { - index: true, - follow: true - } -}; + title: "Create Next App", description: "Generated by create next app"}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - {children} - + + {children} +