bender/77e7f41e-ff2d-44d2-ac76-2fca866cecd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

4 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
72e47fe4ce Update src/app/page.tsx 2026-03-07 19:43:42 +00:00
bender
b2e1952bea Switch to version 1: modified src/app/styles/base.css 2026-03-07 19:41:38 +00:00
bender
21ed08b8f3 Switch to version 1: modified src/app/layout.tsx 2026-03-07 19:41:37 +00:00
bender
9090a50411 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 03:15:55 +00:00
3 changed files with 64 additions and 18 deletions
Expand all files Collapse all files

52
src/app/layout.tsx
View File

@@ -1,28 +1,53 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Libre_Baskerville, Montserrat } from "next/font/google"; import { Halant } from "next/font/google";
import "./styles/variables.css"; import { Inter } from "next/font/google";
import "./styles/base.css"; import { Manrope } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const libreBaskerville = Libre_Baskerville({ const halant = Halant({
variable: "--font-libre-baskerville", subsets: ["latin"], variable: "--font-halant", subsets: ["latin"],
weight: ["400", "700"], weight: ["300", "400", "500", "600", "700"],
}); });
const montserrat = Montserrat({ const inter = Inter({
variable: "--font-montserrat", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
});
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "FGA Growth - Performance Marketing Agency", description: "Scale your e-commerce with proven performance marketing strategies"}; title: "Performance Marketing Results | FGA Growth", description: "See proven case studies with 17x+ ROAS. FGA Growth scales e-commerce brands through data-driven performance marketing strategies.", keywords: "performance marketing, ROAS, case studies, e-commerce growth, marketing agency", openGraph: {
title: "Performance Marketing Results That Scale", description: "17x+ ROAS case studies from FGA Growth. Data-driven strategies for e-commerce success.", siteName: "FGA Growth", type: "website", images: [
{
url: "http://img.b2bpic.net/free-vector/online-shopping-sales-landing-page-template_23-2148826283.jpg", alt: "FGA Growth case study results"},
],
},
twitter: {
card: "summary_large_image", title: "Performance Marketing Results | FGA Growth", description: "17x+ ROAS. Proven case studies from leading performance marketing agency.", images: ["http://img.b2bpic.net/free-vector/online-shopping-sales-landing-page-template_23-2148826283.jpg"],
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: { }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}) { }>) {
return ( return (
<html lang="en"> <html lang="en" suppressHydrationWarning>
<body className={`${libreBaskerville.variable} ${montserrat.variable}`}> <ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children} {children}
<script <script
@@ -1392,6 +1417,7 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

20
src/app/page.tsx
View File

@@ -1,6 +1,7 @@
"use client"; "use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
@@ -35,6 +36,25 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Scale Your Performance Marketing"
description="Data-driven strategies that deliver results. We help e-commerce brands achieve 2x-5x+ ROAS through precision targeting and continuous optimization."
tag="Performance Marketing Agency"
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/people-analyzing-checking-finance-graphs-office_23-2150377179.jpg?_wi=1"
imageAlt="Performance marketing analytics dashboard"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={false}
buttons={[
{ text: "Book Strategy Call", href: "#contact" },
{ text: "Explore Case Studies", href: "#testimonial" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonial" data-section="testimonial"> <div id="testimonial" data-section="testimonial">
<TestimonialCardSix <TestimonialCardSix
title="Proven Results" title="Proven Results"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-dm-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-libre-baskerville), serif; font-family: var(--font-manrope), sans-serif;
} }