Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c22e8c06b2 | |||
| 5136f8c3ae | |||
| c3d725742b | |||
| 97f82eb4d3 | |||
| 30bb88cc5e | |||
| bceba6a2f4 | |||
| 127dc9c142 | |||
| a5922588dc | |||
| 19feec0cc7 |
@@ -1,49 +1,41 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { Outfit } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
const outfit = Outfit({
|
||||
variable: "--font-outfit", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "CreatorsMize - Creative Agency & Digital Growth", description: "CreatorsMize is a creative agency specializing in social media management, content creation, video production, and digital growth strategies. Elevate your brand with our passionate, results-driven team.", keywords: "creative agency, social media management, content creation, video production, digital marketing, brand building, influencer marketing, digital growth", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "CreatorsMize - Creative Agency & Digital Growth", description: "Elevate your brand with strategic creativity and cutting-edge digital solutions.", type: "website", siteName: "CreatorsMize"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "CreatorsMize - Creative Agency & Digital Growth", description: "Strategic creativity meets execution. Transform your brand with CreatorsMize."},
|
||||
title: "CreatorsMize - Creative Digital Solutions", description: "CreatorsMize is a creative agency specializing in digital solutions, content creation, and brand building. Transforming visions into impactful digital experiences."
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<head>
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
try {
|
||||
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
}
|
||||
} catch (e) {}
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</head>
|
||||
<body className={`${outfit.variable} font-outfit`} suppressHydrationWarning>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1411,7 +1403,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
265
src/app/page.tsx
265
src/app/page.tsx
@@ -1,249 +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 ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
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">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Ready to Collaborate?"
|
||||
description="Let's create something epic together. Reach out to discuss your creative vision and how CreatorsMize can elevate your brand."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Start Conversation"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{
|
||||
label: "Email", href: "mailto:hello@creatorsmize.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 CreatorsMize. All rights reserved. Crafted with creativity in Jaipur."
|
||||
/>
|
||||
</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