Merge version_2 into main #2

Merged
bender merged 7 commits from version_2 into main 2026-04-08 07:14:50 +00:00
7 changed files with 128 additions and 206 deletions

View File

@@ -2,8 +2,8 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function AboutPage() {
@@ -15,25 +15,35 @@ export default function AboutPage() {
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "#contact" }} />
<div id="about" data-section="about">
<TeamCardTen
title="Get to know the experienced coaches who will personally guide your entire business transformation journey"
tag="About"
membersAnimation="slide-up"
memberVariant="card"
<TeamCardOne
title="Our Team"
description="Meet the experts behind our success."
textboxLayout="default"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "1", name: "John Anderson", role: "Lead Business Coach", description: "With over 15 years of experience, John specializes in scaling startups and optimizing operational efficiency.", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face", imageAlt: "John Anderson - Business Coach"},
{
id: "2", name: "Lisa Thompson", role: "Executive Coach", description: "Lisa focuses on leadership development and team dynamics to foster high-performance company cultures.", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face", imageAlt: "Lisa Thompson - Executive Coach"},
{ id: "1", name: "John Anderson", role: "Lead Business Coach", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face", imageAlt: "John Anderson" },
{ id: "2", name: "Lisa Thompson", role: "Executive Coach", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face", imageAlt: "Lisa Thompson" },
]}
/>
</div>
<FooterLogoEmphasis logoText="Coach" columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Testimonials", href: "#testimonials" }] }, { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Book a Call", href: "#" }] }, { items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] }]} />
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] }]} />
</ReactLenis>
</ThemeProvider>
);

View File

@@ -3,20 +3,29 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function ContactPage() {
const navItems = [
{ name: "About", href: "/#about" },
{ name: "Services", href: "/#services" },
{ name: "Testimonials", href: "/#testimonials" },
{ name: "Pricing", href: "/pricing" },
{ name: "Contact", href: "/contact" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={navItems}
@@ -32,13 +41,7 @@ export default function ContactPage() {
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
logoText="Coach"
columns={[
{ items: [{ label: "Home", href: "/" }] },
{ items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] }
]}
/>
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
</ReactLenis>
</ThemeProvider>
);

View File

@@ -19,8 +19,8 @@ const inter = Inter({
});
export const metadata: Metadata = {
title: "Webild components 2",
description: "Generated by create next app",
title: 'Business Coach Template',
description: 'Premium business coaching services for scaling startups and enterprises.',
};
export default function RootLayout({

View File

@@ -1,23 +1,16 @@
"use client";
import ReactLenis from "lenis/react";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Target, Users, TrendingUp, Lightbulb } from "lucide-react";
export default function BusinessCoachTemplatePage() {
export default function HomePage() {
const navItems = [
{ name: "About", href: "/" },
{ name: "Services", href: "/" },
{ name: "Testimonials", href: "/testimonials" },
{ name: "Contact", href: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -37,105 +30,19 @@ export default function BusinessCoachTemplatePage() {
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Coach"
button={{ text: "Book a Call", href: "/" }}
button={{ text: "Book a Call", href: "/contact" }}
/>
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
tag="Business Coach"
tagIcon={Sparkles}
title="Transform your business with proven strategies"
description="I help entrepreneurs and executives unlock their full potential and build thriving businesses through personalized coaching."
mediaItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero1.webp", imageAlt: "Coaching session" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero2.webp", imageAlt: "Business growth" },
]}
rating={5}
ratingText="Rated by loving Clients"
buttons={[
{ text: "Book a Call", href: "/" },
{ text: "Learn More", href: "/" },
]}
mediaAnimation="slide-up"
/>
<FeatureCardTwentyFive
tag="Services"
tagIcon={Sparkles}
title="How I Can Help You"
description="Comprehensive coaching services designed to accelerate your growth"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{ title: "Business Strategy", description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.", icon: Target, mediaItems: [] },
{ title: "Leadership Development", description: "Build the leadership skills needed to inspire teams and drive organizational success.", icon: Users, mediaItems: [] },
{ title: "Growth Acceleration", description: "Identify opportunities and implement systems to scale your business efficiently.", icon: TrendingUp, mediaItems: [] },
{ title: "Mindset Coaching", description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.", icon: Lightbulb, mediaItems: [] },
]}
/>
<TestimonialCardSixteen
tag="Testimonials"
tagIcon={Sparkles}
title="What My Clients Say"
description="Hear from entrepreneurs who've transformed their businesses"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Mitchell", role: "Founder & CEO", company: "TechStart Inc", rating: 5, imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face", imageAlt: "Sarah Mitchell" },
{ id: "2", name: "Michael Chen", role: "Managing Director", company: "Growth Partners", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face", imageAlt: "Michael Chen" },
{ id: "3", name: "Emily Rodriguez", role: "Business Owner", company: "Creative Studios", rating: 5, imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face", imageAlt: "Emily Rodriguez" },
]}
kpiItems={[
{ value: "200+", label: "Clients coached" },
{ value: "95%", label: "Success rate" },
{ value: "12+", label: "Years experience" },
]}
/>
<TeamCardTen
title="Get to know the experienced coaches who will personally guide your entire business transformation journey"
tag="About"
membersAnimation="slide-up"
memberVariant="card"
useInvertedBackground={false}
members={[
{ id: "1", name: "John Anderson", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face", imageAlt: "John Anderson - Business Coach" },
{ id: "2", name: "Lisa Thompson", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face", imageAlt: "Lisa Thompson - Executive Coach" },
]}
/>
<FaqSplitMedia
tag="FAQ"
tagIcon={Sparkles}
title="Frequently Asked Questions"
description="Get answers to common questions about my coaching services"
textboxLayout="default"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1553877522-43269d4ea984?w=800&h=600&fit=crop"
imageAlt="Business coaching consultation"
mediaPosition="right"
faqs={[
{ id: "1", title: "What types of businesses do you work with?", content: "I work with entrepreneurs, startups, and established businesses." },
{ id: "2", title: "How long is a typical coaching engagement?", content: "Most clients see significant results within 3-6 months." },
]}
/>
<ContactText
text="Ready to transform your business? Let's start your journey to success today."
<HeroCentered
title="Transform your business"
description="Expert coaching for scaling startups and established enterprises."
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Book a Free Consultation", href: "/" },
{ text: "Learn More", href: "/" },
]}
/>
<FooterLogoEmphasis
logoText="Coach"
columns={[
{ items: [{ label: "About", href: "/" }, { label: "Services", href: "/" }, { label: "Testimonials", href: "/testimonials" }] },
{ items: [{ label: "FAQ", href: "/" }, { label: "Contact", href: "/" }] },
avatars={[
{ src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop", alt: "Coach 1" },
{ src: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=100&h=100&fit=crop", alt: "Coach 2" },
]}
/>
<FooterBaseReveal logoText="Coach" columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,21 +2,30 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function PricingPage() {
const navItems = [
{ name: "About", href: "/#about" },
{ name: "Services", href: "/#services" },
{ name: "Testimonials", href: "/#testimonials" },
{ name: "Pricing", href: "/pricing" },
{ name: "Contact", href: "/contact" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={navItems}
@@ -24,25 +33,19 @@ export default function PricingPage() {
button={{ text: "Book a Call", href: "/contact" }}
/>
<div className="pt-32 pb-20">
<PricingCardEight
title="Investment Options"
description="Choose the coaching plan that fits your business goals"
<PricingCardFive
title="Pricing Plans"
description="Simple and transparent pricing for your growth."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "Essential", price: "$499", subtitle: "For early stage startups", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Bi-weekly calls", "Strategy roadmap", "Email support"] },
{ id: "p2", badge: "Growth", price: "$999", subtitle: "For scaling businesses", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Weekly calls", "Full strategy audit", "Direct access", "Team training"] },
{ id: "p3", badge: "Enterprise", price: "Custom", subtitle: "For established organizations", buttons: [{ text: "Contact Us", href: "/contact" }], features: ["Unlimited calls", "Full operations audit", "On-site consulting", "Priority 24/7"] }
{ id: "1", tag: "Starter", price: "$499", period: "/mo", description: "For new businesses", button: { text: "Get Started", href: "/contact" }, featuresTitle: "Features", features: ["Email support", "Bi-weekly calls"] },
{ id: "2", tag: "Growth", price: "$999", period: "/mo", description: "For scaling teams", button: { text: "Get Started", href: "/contact" }, featuresTitle: "Features", features: ["Everything in Starter", "Weekly calls", "Priority support"] }
]}
/>
</div>
<FooterLogoEmphasis
logoText="Coach"
columns={[
{ items: [{ label: "Home", href: "/" }] },
{ items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] }
]}
/>
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Pricing", href: "/pricing" }] }]} />
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,60 +2,47 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Target, Users, TrendingUp, Lightbulb } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "#contact" }} />
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
<div id="services" data-section="services">
<FeatureCardTwentyFive
tag="Our Services"
title="How I Can Help You"
description="Comprehensive coaching services designed to accelerate your growth"
textboxLayout="default"
<FeatureCardNine
title="Our Services"
description="Accelerate your business growth with proven coaching."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
features={[
{
title: "Business Strategy", description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.", icon: Target,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team collaborating around a whiteboard" },
],
},
{
title: "Leadership Development", description: "Build the leadership skills needed to inspire teams and drive organizational success.", icon: Users,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&h=600&fit=crop", imageAlt: "Professional team meeting" },
],
},
{
title: "Growth Acceleration", description: "Identify opportunities and implement systems to scale your business efficiently.", icon: TrendingUp,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&h=600&fit=crop", imageAlt: "Business analytics dashboard" },
],
},
{
title: "Mindset Coaching", description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.", icon: Lightbulb,
mediaItems: [
{ imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=800&h=600&fit=crop", imageAlt: "Mindfulness and focus" },
],
},
{ title: "Strategy", description: "Business roadmap creation", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=800&fit=crop" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=400&h=800&fit=crop" } },
{ title: "Growth", description: "Scale your operations efficiently", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=800&fit=crop" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=400&h=800&fit=crop" } }
]}
/>
</div>
<FooterLogoEmphasis logoText="Coach" columns={[{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Testimonials", href: "#testimonials" }] }, { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Book a Call", href: "#" }] }, { items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] }]} />
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] }]} />
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,31 +2,43 @@
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function TestimonialsPage() {
const navItems = [
{ name: "Home", href: "/" },
{ name: "Testimonials", href: "/testimonials" },
{ name: "About", id: "/about" },
{ name: "Testimonials", id: "/testimonials" },
];
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<TestimonialCardFive
<TestimonialCardTen
title="Client Success Stories"
description="Real feedback from the leaders we've helped scale."
description="Hear from the leaders we've helped."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah M.", date: "Oct 2023", title: "Exceptional Results", quote: "Transformed my leadership approach significantly.", tag: "Growth", avatarSrc: "" },
{ id: "2", name: "Michael C.", date: "Nov 2023", title: "Highly Recommended", quote: "A game-changer for our team dynamics.", tag: "Strategy", avatarSrc: "" },
{ id: "1", name: "Sarah M.", title: "Growth Expert", quote: "Transformed my leadership approach significantly.", role: "CEO" },
{ id: "2", name: "Michael C.", title: "Strategy Pro", quote: "A game-changer for our team dynamics.", role: "Director" },
]}
/>
<FooterLogoEmphasis logoText="Coach" columns={[]} />
<FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "Testimonials", href: "/testimonials" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}
}