Merge version_3 into main #4
@@ -1405,4 +1405,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
249
src/app/page.tsx
249
src/app/page.tsx
@@ -1,233 +1,20 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import {
|
||||
Award,
|
||||
CheckCircle,
|
||||
Mail,
|
||||
MessageCircle,
|
||||
Sparkles,
|
||||
TrendingUp,
|
||||
Users,
|
||||
Zap,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="CreatorsMize"
|
||||
navItems={[
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Studio", id: "#" },
|
||||
]}
|
||||
bottomLeftText="Creative Agency"
|
||||
bottomRightText="hello@creatorsmize.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Where Vision Meets Execution"
|
||||
description="We build impactful digital experiences and 3D solutions that elevate your brand. CreatorsMize combines strategic creativity with cutting-edge production to deliver results that matter."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Creative Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "View Portfolio", href: "#" },
|
||||
{ text: "Let's Collaborate", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1674.jpg"
|
||||
imageAlt="CreatorsMize creative team in studio"
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Hero section - CreatorsMize creative agency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About CreatorsMize"
|
||||
description={[
|
||||
"We are a passionate team of creative professionals dedicated to transforming brands through strategic digital solutions. Our expertise spans social media management, content creation, video production, influencer marketing, and targeted digital growth strategies.", "At CreatorsMize, we don't just create content—we craft stories that resonate. We understand that every brand has a unique voice, and our mission is to amplify it across all digital platforms. Our young, energetic team brings fresh perspectives and proven results to every project we undertake."]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
showBorder={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
title="Our Services"
|
||||
description="Not just social butterflies—we deliver comprehensive digital solutions designed to grow your brand and connect with your audience authentically."
|
||||
tag="What We Do"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Social Media Management", description:
|
||||
"Expertly crafted strategies to elevate your online presence. We grow your community and boost your brand's visibility with consistent, engaging content.", tag: "Strategy", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg", imageAlt: "Social media management dashboard"},
|
||||
{
|
||||
id: "2", title: "Content Creation", description:
|
||||
"Creative visuals and stories designed to captivate audiences. High-quality content that genuinely connects and drives meaningful engagement.", tag: "Creative", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/office-work-items-with-phone-mock-up_23-2148317121.jpg", imageAlt: "Professional video production content creation"},
|
||||
{
|
||||
id: "3", title: "Brand Building", description:
|
||||
"Authentic partnerships and visual identity development that reflect your brand values. We help you stand out in a crowded digital landscape.", tag: "Branding", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/gradient-abstract-business-card_23-2149311085.jpg", imageAlt: "Creative branding and identity design"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
description="Real results that showcase our commitment to driving tangible growth for every brand we partner with."
|
||||
tag="Success Stories"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500", title: "Plus", description: "Successful campaigns delivered", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2", value: "100", title: "Plus", description: "Satisfied brand partners", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "3", value: "10", title: "Years", description: "Combined industry experience", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "4", value: "50", title: "Million", description: "Reach across platforms", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
description="Straight from the feed—real feedback from brands we've transformed."
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sethi Barbeque Founder", date: "Date: Recent Success", title: "Game-Changer for Our Brand", quote:
|
||||
"Working with CreatorsMize has been transformational for Sethi Barbeque. From engaging social media strategies to high-quality content that captures the essence of our brand, their team helped us increase footfall and reach more food lovers. The dedication and creativity they bring are unmatched.", tag: "Food & Beverage", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-smiley-man-work_23-2149741200.jpg", avatarAlt: "Sethi Barbeque client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-smiley-man-work_23-2149741200.jpg"},
|
||||
{
|
||||
id: "2", name: "Healthcare Partner Executive", date: "Date: Successful Campaign", title: "Exceptional Digital Growth", quote:
|
||||
"CreatorsMize understood our healthcare brand's unique challenges and delivered results that exceeded expectations. Their strategic approach to social media and content creation helped us connect with patients authentically.", tag: "Healthcare", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg", avatarAlt: "Healthcare partner client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg"},
|
||||
{
|
||||
id: "3", name: "E-Commerce Brand Owner", date: "Date: Strong Performance", title: "Amplified Our Online Presence", quote:
|
||||
"The team at CreatorsMize brought fresh energy to our brand. Their influencer marketing strategies and content creation helped us reach new audiences and significantly boost our sales across platforms.", tag: "E-Commerce", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-bar-owner-with-arms-crossed-standing-entrance-door-looking-camera_637285-5716.jpg", avatarAlt: "E-commerce client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-bar-owner-with-arms-crossed-standing-entrance-door-looking-camera_637285-5716.jpg"},
|
||||
{
|
||||
id: "4", name: "Fashion Brand Director", date: "Date: Ongoing Partnership", title: "Creative Excellence Every Campaign", quote:
|
||||
"CreatorsMize consistently delivers exceptional creative work that aligns with our brand vision. Their team's ability to balance strategic thinking with creative innovation is exactly what we needed.", tag: "Fashion", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg", avatarAlt: "Fashion brand client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg"},
|
||||
{
|
||||
id: "5", name: "Tech Startup Co-Founder", date: "Date: Recent Launch", title: "Perfect for Digital-First Brands", quote:
|
||||
"As a startup, we needed an agency that understood our fast-paced environment. CreatorsMize delivered campaigns quickly without compromising quality. Their team is responsive, creative, and results-driven.", tag: "Technology", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2904.jpg", avatarAlt: "Tech startup client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2904.jpg"},
|
||||
{
|
||||
id: "6", name: "Retail Business Manager", date: "Date: Ongoing Success", title: "Genuine Care About Growth", quote:
|
||||
"If you're looking for a team that genuinely cares about your business growth, CreatorsMize is the way to go. They've helped us navigate the competitive retail landscape with intelligent strategies and impactful content.", tag: "Retail", avatarSrc:
|
||||
"http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg", avatarAlt: "Retail client", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to start your next project? Let's create something epic together and elevate your brand to new heights."
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{ text: "Get In Touch", href: "#" },
|
||||
{ text: "View Our Work", href: "#portfolio" },
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact section - Get in touch with CreatorsMize"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="CreatorsMize"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Social Media Management", href: "#services" },
|
||||
{ label: "Content Creation", href: "#services" },
|
||||
{ label: "Brand Building", href: "#services" },
|
||||
{ label: "Video Production", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 CreatorsMize. All rights reserved. Crafted with creativity in Jaipur."
|
||||
onPrivacyClick={() => console.log("Privacy policy clicked")}
|
||||
ariaLabel="Site footer - CreatorsMize"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
<main className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-950 dark:to-slate-900">
|
||||
{/* Hero Section with Primary CTA */}
|
||||
<section className="relative py-20 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-slate-900 dark:text-white mb-6">
|
||||
Transform Your Vision Into Reality
|
||||
</h1>
|
||||
<p className="text-lg sm:text-xl text-slate-600 dark:text-slate-300 mb-8 max-w-2xl mx-auto">
|
||||
Get professional creative solutions that drive results. Start your project today and see the difference expert design and strategy can make.
|
||||
</p>
|
||||
<button className="inline-block px-8 py-4 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-colors duration-200 shadow-lg hover:shadow-xl">
|
||||
Start Your Project Now
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user