Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Building, Instagram, MapPin, Scissors, Utensils, Stethoscope, Dumbbell } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -21,24 +21,20 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Niches", id: "niches"},
|
||||
{
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Niches", id: "niches" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Akshar Creative Studio"
|
||||
/>
|
||||
@@ -46,80 +42,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build a High-Profit Graphic Design Agency"
|
||||
description="Your step-by-step blueprint to finding clients, closing deals, and scaling your creative studio using Google Maps in India."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=1", imageAlt: "graphic designer desk workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=1", imageAlt: "design consultant meeting client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg?_wi=1", imageAlt: "google maps business location"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592311.jpg", imageAlt: "Neat and tidy workspace with laptop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164868.jpg", imageAlt: "Still life of office desk mess"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=1", imageAlt: "graphic designer desk workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=1", imageAlt: "design consultant meeting client" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg?_wi=1", imageAlt: "google maps business location" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="niches" data-section="niches">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hospitality & Food", description: "Restaurants and cafes need constant social media updates, menu designs, and promotional content.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-bag-birthday-present_53876-105714.jpg?_wi=1", imageAlt: "creative design portfolio samples"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Daily menu updates"},
|
||||
{
|
||||
icon: Instagram,
|
||||
text: "Social post design"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Lifestyle Services", description: "Salons and Gyms rely on visual appeal to showcase their results, services, and membership plans.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-employee-updating-her-manager_482257-121373.jpg", imageAlt: "design consultant meeting client"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Service brochures"},
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Fitness transformation graphics"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Professional Services", description: "Real estate agencies and Clinics need trust-building visuals like flyers, digital banners, and branding.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg", imageAlt: "google maps business location"},
|
||||
items: [
|
||||
{
|
||||
icon: Building,
|
||||
text: "Property brochures"},
|
||||
{
|
||||
icon: Stethoscope,
|
||||
text: "Clinic profile design"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
title="Target High-Demand Business Niches"
|
||||
description="Focus your energy on industries where visual marketing directly leads to higher customer traffic and sales."
|
||||
features={[
|
||||
{ id: "f1", title: "Hospitality & Food", author: "Daily Focus", description: "Restaurants and cafes need constant social media updates, menu designs, and promotional content.", tags: ["Menu", "Socials"], imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-bag-birthday-present_53876-105714.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Lifestyle Services", author: "Trend Driven", description: "Salons and Gyms rely on visual appeal to showcase their results, services, and membership plans.", tags: ["Brochures", "Graphics"], imageSrc: "http://img.b2bpic.net/free-photo/black-employee-updating-her-manager_482257-121373.jpg" },
|
||||
{ id: "f3", title: "Professional Services", author: "Trust Focused", description: "Real estate agencies and Clinics need trust-building visuals like flyers, digital banners, and branding.", tags: ["Flyers", "Branding"], imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
tag="Execution Strategy"
|
||||
title="The Google Maps Hunt Workflow"
|
||||
description="1. Search for businesses in key Indian cities. 2. Filter for low-engagement profiles. 3. Reach out with a free, high-quality sample design. 4. Follow up professionally."
|
||||
@@ -127,123 +79,72 @@ export default function LandingPage() {
|
||||
icon={MapPin}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/location-symbol-street-city_23-2149764154.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="google maps business location"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Starter", price: "₹5,000 / mo", subtitle: "For small cafes & shops", features: [
|
||||
"8 Social Media Posts", "Basic Story Design", "Weekly Delivery"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "std", badge: "Growth", price: "₹15,000 / mo", subtitle: "Ideal for gyms & salons", features: [
|
||||
"20 Social Media Posts", "Brochure Design", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "prem", badge: "Agency", price: "₹30,000 / mo", subtitle: "Full brand management", features: [
|
||||
"Unlimited Posts", "Custom Brand Identity", "Full Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Details"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<PricingCardFive
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Professional Monthly Packages"
|
||||
description="Choose a predictable retainer model for steady income growth."
|
||||
plans={[
|
||||
{ id: "basic", tag: "Starter", price: "₹5,000", period: "/mo", description: "For small cafes & shops", button: { text: "Get Started" }, featuresTitle: "What's included", features: ["8 Social Media Posts", "Basic Story Design"] },
|
||||
{ id: "std", tag: "Growth", price: "₹15,000", period: "/mo", description: "Ideal for gyms & salons", button: { text: "Get Started" }, featuresTitle: "What's included", features: ["20 Social Media Posts", "Brochure Design"] },
|
||||
{ id: "prem", tag: "Agency", price: "₹30,000", period: "/mo", description: "Full brand management", button: { text: "Get Started" }, featuresTitle: "What's included", features: ["Unlimited Posts", "Custom Brand Identity"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Great Work", quote: "The new menu design doubled our inquiries.", name: "Rahul Sharma", role: "Restaurant Owner", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-focused-work_1098-12715.jpg", imageAlt: "business owner checking phone"},
|
||||
{
|
||||
id: "t2", title: "Game Changer", quote: "Professional branding transformed my salon's look.", name: "Ananya Patel", role: "Salon Founder", imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-stationeries-red-wooden-red-table_23-2147924182.jpg?_wi=2", imageAlt: "business owner checking phone"},
|
||||
{
|
||||
id: "t3", title: "Highly Recommend", quote: "Excellent communication and timely delivery.", name: "Vikram Singh", role: "Real Estate Agent", imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-discussing-digital-tablet_1170-2971.jpg?_wi=2", imageAlt: "business owner checking phone"},
|
||||
{
|
||||
id: "t4", title: "Professional", quote: "My gym social media presence looks world-class.", name: "Sonia Reddy", role: "Gym Owner", imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-bag-birthday-present_53876-105714.jpg?_wi=2", imageAlt: "business owner checking phone"},
|
||||
{
|
||||
id: "t5", title: "Stunning", quote: "The flyer designs are perfect for our brand.", name: "Amit Kumar", role: "Coach", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941525.jpg?_wi=2", imageAlt: "business owner checking phone"},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
title="Client Success Stories"
|
||||
description="Building trust is the key. Showcase your work consistently."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rahul Sharma", date: "2024", title: "Restaurant Owner", quote: "The new menu design doubled our inquiries.", tag: "ROI", avatarSrc: "https://i.pravatar.cc/100" },
|
||||
{ id: "t2", name: "Ananya Patel", date: "2024", title: "Salon Founder", quote: "Professional branding transformed my salon's look.", tag: "Growth", avatarSrc: "https://i.pravatar.cc/101" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqDouble
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about scaling your studio."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is the sample design free?", content: "Yes, I offer one high-quality sample post to show my work."},
|
||||
{
|
||||
id: "f2", title: "How do I start?", content: "Start by identifying local businesses on Google Maps."},
|
||||
{
|
||||
id: "f3", title: "What's the best city?", content: "Focus on Tier 1 and Tier 2 cities in India like Bangalore, Pune, Delhi, and Chandigarh."},
|
||||
{ id: "f1", title: "Is the sample design free?", content: "Yes, I offer one high-quality sample post to show my work." },
|
||||
{ id: "f2", title: "How do I start?", content: "Start by identifying local businesses on Google Maps." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
<ContactCTA
|
||||
tag="Start Your Journey"
|
||||
title="Ready to Scale Your Studio?"
|
||||
description="Don't wait. Pick your niche, identify 10 leads, and start reaching out today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="graphic designer desk workspace"
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architectural-designers-team-pointing-pen-skyscraper-discussing-architecture-design-modern-office-architects-colleagues-brainstorming-ideeas-collaborating-white-foam-model_482257-35481.jpg"
|
||||
logoText="Akshar Creative"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Portfolio", href: "#"},
|
||||
{
|
||||
label: "Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Strategy", items: [
|
||||
{
|
||||
label: "Google Maps", href: "#"},
|
||||
{
|
||||
label: "Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Portfolio" }, { label: "Services" }] },
|
||||
{ title: "Strategy", items: [{ label: "Google Maps" }, { label: "Sales" }] }
|
||||
]}
|
||||
imageAlt="design consultant meeting client"
|
||||
bottomLeftText="Akshar Creative Studio"
|
||||
bottomRightText="© 2025"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user