149 lines
5.5 KiB
TypeScript
149 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="GrowFrame"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-hero" data-section="home-hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Future-Proofing Your Enterprise"
|
|
description="GrowFrame Solutions delivers secure, high-performance architecture built for the modern era."
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "/contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Client Success"
|
|
description="What industry leaders say about our engineering."
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", handle: "@techcorp", testimonial: "Exceptional security standards.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
|
{
|
|
id: "t2", name: "Mark L.", handle: "@startupx", testimonial: "Transformed our cloud stack.", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
|
|
{
|
|
id: "t3", name: "Elena P.", handle: "@fintech", testimonial: "Reliable and precise delivery.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
|
{
|
|
id: "t4", name: "David W.", handle: "@enterprise", testimonial: "Best in class architecture.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
|
|
{
|
|
id: "t5", name: "Sophie K.", handle: "@growth", testimonial: "Highly recommended team.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Common Questions"
|
|
description="Clear answers to your enterprise needs."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Is security included?", content: "Yes, security is foundational."},
|
|
{
|
|
id: "q2", title: "What is the timeline?", content: "Usually 3-6 months based on scope."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Trusted By Global Brands"
|
|
description="Driving results for market leaders."
|
|
names={[
|
|
"CloudScale", "SecureNet", "FinData", "AutomationPro", "GlobalOps"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Ready to transform your infrastructure?"
|
|
buttons={[
|
|
{
|
|
text: "Start Consultation", href: "/contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer-base" data-section="footer-base">
|
|
<FooterBaseReveal
|
|
logoText="GrowFrame Solutions"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "Pricing", href: "/pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About", href: "/about"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "/privacy"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|