MCPcopy Create free account
hub / github.com/Siglave/copy-paste-css / HeaderSection

Function HeaderSection

frontend/HeaderSection.jsx:132–192  ·  view source on GitHub ↗
({
    pageTitle,
    metaTitle,
    metaDescription,
    metaUrl = "",
    metaImage = "",
    heroTitle,
    heroSubtitle,
    page,
    gradientContainer = {}
})

Source from the content-addressed store, hash-verified

130
131
132export default function HeaderSection({
133 pageTitle,
134 metaTitle,
135 metaDescription,
136 metaUrl = "",
137 metaImage = "",
138 heroTitle,
139 heroSubtitle,
140 page,
141 gradientContainer = {}
142}) {
143 return (
144 <>
145 <Head>
146 <title>{pageTitle}</title>
147 <meta name="description" content={metaDescription} />
148 <meta property="og:title" content={metaTitle} />
149 <meta property="og:description" content={metaDescription} />
150 <meta property="og:url" content={metaUrl} />
151 <meta property="og:image" content={metaImage} />
152 <meta charSet="utf-8" />
153 <meta name="viewport" content="width=device-width, initial-scale=1" />
154 <meta name="theme-color" content="#000000" />
155 <meta name="saashub-verification" content="m7cnmg73frpd" />
156 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet" />
157 <link href="https://fonts.googleapis.com/css2?family=Allan:wght@700&display=swap" rel="stylesheet" />
158 <link rel="icon" href="/favicon.ico" />
159 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156528211-6"></script>
160 <script dangerouslySetInnerHTML={{
161 __html: `
162 window.dataLayer = window.dataLayer || [];
163 function gtag(){dataLayer.push(arguments)}
164 gtag('js', new Date());
165
166 gtag('config', 'UA-156528211-6');
167 `}} />
168 </Head>
169 <HeaderContainer style={gradientContainer}>
170 <Navbar />
171 <HeroSection>
172 <PageTitle>{heroTitle}</PageTitle>
173 <SubTitle>{heroSubtitle}</SubTitle>
174 <PinText>📌 Press<Cmd>CTRL + D</Cmd>to bookmark this page.</PinText>
175 <NavBlock page={page} />
176 </HeroSection>
177 </HeaderContainer>
178 <ShapeContainer>
179 <div className="custom-shape-divider-bottom">
180 <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
181 <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" className="shape-fill"></path>
182 <path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" className="shape-fill"></path>
183 <path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" className="shape-fill"></path>
184 </svg>
185 </div>
186 </ShapeContainer>
187 </>
188 )
189}

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected