Update src/app/testimonials/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function AboutPage() {
+    const navItems = [
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
+    ];
+
+    return (
+        <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">
+                    <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", 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>
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/contact/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <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 className="pt-32 pb-20">
+                    <ContactCenter
+                        tag="Contact Us"
+                        title="Let's transform your business"
+                        description="Fill out the form below and we will get back to you within 24 hours."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/layout.tsx

@@ -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({

src/app/page.tsx

@@ -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", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
     ];
 
     return (
@@ -37,208 +30,19 @@ export default function BusinessCoachTemplatePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Coach"
-                    button={{ text: "Book a Call", href: "#contact" }}
+                    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: [
-                                { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team collaborating around a whiteboard" },
-                                { imageSrc: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=800&h=600&fit=crop", imageAlt: "Strategy meeting presentation" },
-                            ],
-                        },
-                        {
-                            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" },
-                                { imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=800&h=600&fit=crop", imageAlt: "Confident business leader" },
-                            ],
-                        },
-                        {
-                            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" },
-                                { imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop", imageAlt: "Growth metrics on screen" },
-                            ],
-                        },
-                        {
-                            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" },
-                                { imageSrc: "https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&h=600&fit=crop", imageAlt: "One-on-one coaching session" },
-                            ],
-                        },
-                    ]}
-                />
-                <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 across various industries. My coaching is tailored to your specific challenges and goals, whether you're just starting out or scaling to the next level.",
-                        },
-                        {
-                            id: "2",
-                            title: "How long is a typical coaching engagement?",
-                            content: "Most clients see significant results within 3-6 months of consistent coaching. However, the duration depends on your goals and challenges. We'll create a customized plan during our initial consultation.",
-                        },
-                        {
-                            id: "3",
-                            title: "What can I expect from our sessions?",
-                            content: "Each session is a focused, action-oriented conversation where we'll work through your challenges, develop strategies, and set clear action items. You'll leave every session with concrete steps to implement.",
-                        },
-                        {
-                            id: "4",
-                            title: "Do you offer virtual coaching sessions?",
-                            content: "Yes, I offer both in-person and virtual coaching sessions via Zoom. Virtual sessions provide the same level of engagement and results, making coaching accessible regardless of your location.",
-                        },
-                    ]}
-                />
-                <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: "#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: "#" },
-                            ],
-                        },
+                    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>
     );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+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", id: "/about" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <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 className="pt-32 pb-20">
+                    <PricingCardFive
+                        title="Pricing Plans"
+                        description="Simple and transparent pricing for your growth."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        plans={[
+                            { 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>
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Pricing", href: "/pricing" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/services/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ServicesPage() {
+    const navItems = [
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <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="services" data-section="services">
+                    <FeatureCardNine
+                        title="Our Services"
+                        description="Accelerate your business growth with proven coaching."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        showStepNumbers={true}
+                        features={[
+                            { 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>
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #0a0a0a;
+  --primary-cta: #106efb;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #f1f1f1;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --accent: #e5e7eb;
+  --background-accent: #f3f4f6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/testimonials/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+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: "About", id: "/about" },
+        { name: "Testimonials", id: "/testimonials" },
+    ];
+
+    return (
+        <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: "Get Started", href: "#contact" }}
+                />
+                <TestimonialCardTen
+                    title="Client Success Stories"
+                    description="Hear from the leaders we've helped."
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    testimonials={[
+                        { 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" },
+                    ]}
+                />
+                <FooterBaseReveal logoText="Coach" columns={[{ title: "Company", items: [{ label: "Testimonials", href: "/testimonials" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}