234 lines
14 KiB
TypeScript
234 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import { Award, CheckCircle, Heart, Rocket, Sparkles, Zap } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="fluid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Govind Creative"
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Portfolio", id: "portfolio" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Start Your Project", href: "#contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="Govind Creative"
|
||
description="We craft digital experiences that elevate your brand and drive real business results. From concept to launch, we handle every detail with innovative design and powerful development."
|
||
buttons={[
|
||
{ text: "Start Your Project", href: "#contact" },
|
||
{ text: "View Our Work", href: "#portfolio" }
|
||
]}
|
||
background={{ variant: "fluid" }}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/a-modern-web-design-agency-dashboard-sho-1772717274448-b01a8f21.png"
|
||
imageAlt="Modern web design dashboard showcasing agency projects"
|
||
frameStyle="card"
|
||
mediaAnimation="slide-up"
|
||
buttonAnimation="entrance-slide"
|
||
ariaLabel="Hero section for Govind Creative agency"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="About Us"
|
||
tagIcon={Sparkles}
|
||
title="Divine Design, Powerful Websites – Built for Your Success"
|
||
description="We are Govind Creative, a team of passionate designers and developers dedicated to transforming your vision into digital reality."
|
||
subdescription="With a focus on innovation, reliability, and client success, we partner with small-to-medium businesses to create beautiful, functional websites that drive real business results."
|
||
icon={Zap}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/abstract-representation-of-web-design-an-1772717274089-d4b8b53a.png?_wi=1"
|
||
imageAlt="Creative design process and services overview"
|
||
mediaAnimation="blur-reveal"
|
||
useInvertedBackground={true}
|
||
ariaLabel="About Govind Creative agency section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSeven
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Web Design", description: "Beautiful, user-centered design that captures your brand essence and engages your audience. We create visually stunning websites that balance aesthetics with functionality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/abstract-representation-of-web-design-an-1772717274089-d4b8b53a.png?_wi=2", imageAlt: "Web design service showcase"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Web Development", description: "Robust, scalable websites built with modern technologies and best practices. We ensure every site performs flawlessly across all devices and browsers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/tech-focused-illustration-of-web-develop-1772717274404-22ee163a.png", imageAlt: "Web development service showcase"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Brand Strategy", description: "Strategic digital branding that resonates with your target audience. We help you build a cohesive online presence that drives trust and conversions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/creative-brand-strategy-visualization-fe-1772717274310-1f919ee6.png", imageAlt: "Brand strategy and branding services"
|
||
}
|
||
]}
|
||
title="Our Services"
|
||
description="Comprehensive web solutions tailored to elevate your brand and drive measurable growth"
|
||
tag="What We Do"
|
||
tagIcon={CheckCircle}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Services and features section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="portfolio" data-section="portfolio">
|
||
<BlogCardOne
|
||
blogs={[
|
||
{
|
||
id: "1", category: "E-Commerce", title: "Next-Gen E-Commerce Platform Launch", excerpt: "Redesigned and developed a modern e-commerce experience that increased conversions by 45% and reduced bounce rate significantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/beautiful-e-commerce-website-design-show-1772717275295-b86d928b.png", imageAlt: "E-commerce project showcase", authorName: "Govind Creative", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-tech-company-logo-or-wordma-1772717274170-fe98929f.png", date: "15 Dec 2024"
|
||
},
|
||
{
|
||
id: "2", category: "SaaS", title: "SaaS Dashboard & Product Website Redesign", excerpt: "Transformed a complex SaaS product into an intuitive dashboard with a stunning marketing website that improved user engagement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/modern-saas-product-website-design-with--1772717275497-877c7d84.png", imageAlt: "SaaS product design project", authorName: "Govind Creative", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-saas-company-logo-or-wordma-1772717273524-5d454f0f.png", date: "08 Dec 2024"
|
||
},
|
||
{
|
||
id: "3", category: "Startup", title: "Tech Startup Brand & Website Development", excerpt: "Created compelling brand identity and high-impact landing page for an innovative tech startup, resulting in 300% increase in qualified leads.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/innovative-startup-landing-page-design-f-1772717274343-9d553f68.png", imageAlt: "Startup website project showcase", authorName: "Govind Creative", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-e-commerce-brand-logo-or-wo-1772717275194-c16c8cc5.png", date: "01 Dec 2024"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
title="Featured Projects"
|
||
description="Explore the brands we've helped transform through innovative design and strategic development"
|
||
tag="Our Work"
|
||
tagIcon={Award}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
ariaLabel="Featured projects and portfolio section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
title="Trusted by Industry Leaders"
|
||
description="Join growing companies that have partnered with us for digital transformation"
|
||
tag="Partners & Clients"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"TechFlow Solutions", "Digital Ventures", "CloudSync Inc", "Innovate Labs", "StartupXYZ", "Brand Catalyst", "Future Forward"
|
||
]}
|
||
speed={40}
|
||
showCard={true}
|
||
ariaLabel="Social proof section with trusted partners"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273505-22dd1a16.png", imageAlt: "Sarah Johnson headshot"
|
||
},
|
||
{
|
||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273116-4747edb0.png", imageAlt: "Michael Chen headshot"
|
||
},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273971-10f1bebd.png", imageAlt: "Emily Rodriguez headshot"
|
||
},
|
||
{
|
||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273353-b8ed70d6.png", imageAlt: "David Kim headshot"
|
||
},
|
||
{
|
||
id: "5", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273946-9e42d997.png", imageAlt: "Lisa Anderson headshot"
|
||
},
|
||
{
|
||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWnMuy9ZkPIuGo4pBk1IACSsu8/professional-headshot-photo-of-a-confide-1772717273418-cb55275c.png", imageAlt: "James Wilson headshot"
|
||
}
|
||
]}
|
||
cardTitle="Trusted by thousands of business leaders who've transformed their digital presence"
|
||
cardTag="Client Success Stories"
|
||
cardTagIcon={Heart}
|
||
cardAnimation="blur-reveal"
|
||
useInvertedBackground={true}
|
||
ariaLabel="Customer testimonials and success stories section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Let's Build Something Amazing"
|
||
tagIcon={Rocket}
|
||
title="Ready to Elevate Your Digital Presence?"
|
||
description="Start your project today and discover how we can transform your vision into a powerful digital experience that drives real business results."
|
||
buttons={[
|
||
{ text: "Schedule a Consultation", href: "mailto:hello@govindcreative.com?subject=Schedule%20a%20Consultation" },
|
||
{ text: "Get in Touch", href: "mailto:hello@govindcreative.com" }
|
||
]}
|
||
background={{ variant: "fluid" }}
|
||
useInvertedBackground={false}
|
||
buttonAnimation="entrance-slide"
|
||
ariaLabel="Contact call-to-action section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="Govind Creative"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Home", href: "/" },
|
||
{ label: "About", href: "#about" },
|
||
{ label: "Services", href: "#services" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Portfolio", href: "#portfolio" },
|
||
{ label: "Testimonials", href: "#testimonials" },
|
||
{ label: "Contact", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Cookie Policy", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||
{ label: "Twitter", href: "https://twitter.com" },
|
||
{ label: "Instagram", href: "https://instagram.com" }
|
||
]
|
||
}
|
||
]}
|
||
ariaLabel="Site footer with navigation and company information"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|