diff --git a/src/app/page.tsx b/src/app/page.tsx
index e55617c..5519bc6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,60 +51,66 @@ export default function SaasTemplatePage() {
                     brandName="GROWTHENGINECRM"
                     button={{ text: "Get Started", href: "#" }}
                 />
-                <HeroCentered
-                    background={{ variant: "rotated-rays-animated-grid" }}
-                    avatars={avatars}
-                    avatarText="Trusted by 1000+ users"
-                    title="Build Modern Web Experiences"
-                    description="Create stunning, responsive websites with our comprehensive component library designed"
-                    buttons={[
-                        {
-                            text: "Get Started",                            onClick: () => console.log("Get Started clicked"),
-                        },
-                        {
-                            text: "Learn More",                            onClick: () => console.log("Learn More clicked"),
-                        },
-                    ]}
-                    marqueeItems={[
-                        { type: "text-icon", text: "Lightning Fast", icon: Zap },
-                        { type: "text-icon", text: "Enterprise Security", icon: Shield },
-                        { type: "text-icon", text: "99.9% Uptime", icon: Rocket },
-                        { type: "text-icon", text: "Precision Targeting", icon: Target },
-                        { type: "text-icon", text: "AI Powered", icon: Sparkles },
-                    ]}
-                />
-                <FeatureBento
-                    features={features}
-                    animationType="none"
-                    tag="Features"
-                    title="Powerful Features"
-                    description="Everything you need to build and scale your product"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                />
-                <FeatureBorderGlow
-                    tag="Why Choose Us"
-                    tagIcon={Users}
-                    title="Built by developers, for developers"
-                    description="We understand the challenges of modern software development because we face them every day."
-                    animationType="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            icon: Layers,
-                            title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"},
-                        {
-                            icon: Code,
-                            title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"},
-                        {
-                            icon: Shield,
-                            title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"},
-                        {
-                            icon: Rocket,
-                            title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"},
-                    ]}
-                />
+                <div id="hero">
+                    <HeroCentered
+                        background={{ variant: "rotated-rays-animated-grid" }}
+                        avatars={avatars}
+                        avatarText="Trusted by 1000+ users"
+                        title="An all-in-one platform designed to help your business grow and thrive"
+                        description="Create stunning, responsive websites with our comprehensive component library designed"
+                        buttons={[
+                            {
+                                text: "Get Started",                            onClick: () => console.log("Get Started clicked"),
+                            },
+                            {
+                                text: "Learn More",                            onClick: () => console.log("Learn More clicked"),
+                            },
+                        ]}
+                        marqueeItems={[
+                            { type: "text-icon", text: "Lightning Fast", icon: Zap },
+                            { type: "text-icon", text: "Enterprise Security", icon: Shield },
+                            { type: "text-icon", text: "99.9% Uptime", icon: Rocket },
+                            { type: "text-icon", text: "Precision Targeting", icon: Target },
+                            { type: "text-icon", text: "AI Powered", icon: Sparkles },
+                        ]}
+                    />
+                </div>
+                <div id="features">
+                    <FeatureBento
+                        features={features}
+                        animationType="none"
+                        tag="Features"
+                        title="Powerful Features"
+                        description="Everything you need to build and scale your product"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <div id="about">
+                    <FeatureBorderGlow
+                        tag="Why Choose Us"
+                        tagIcon={Users}
+                        title="Built by developers, for developers"
+                        description="We understand the challenges of modern software development because we face them every day."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        features={[
+                            {
+                                icon: Layers,
+                                title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"},
+                            {
+                                icon: Code,
+                                title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"},
+                            {
+                                icon: Shield,
+                                title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"},
+                            {
+                                icon: Rocket,
+                                title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"},
+                        ]}
+                    />
+                </div>
                 <TestimonialCardFifteen
                     testimonial="This platform has completely transformed how we build products. The developer experience is unmatched."
                     rating={5}
@@ -114,52 +120,56 @@ export default function SaasTemplatePage() {
                     avatarsAnimation="slide-up"
                     useInvertedBackground={false}
                 />
-                <PricingCardEight
-                    tag="Pricing"
-                    tagIcon={Sparkles}
-                    title="Simple, transparent pricing"
-                    description="Choose the plan that works best for you. All plans include a 14-day free trial."
-                    animationType="opacity"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    plans={[
-                        {
-                            id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
-                            price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
-                                { text: "Get Started", onClick: () => console.log("Starter clicked") },
-                            ],
-                            features: [
-                                "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"],
-                        },
-                        {
-                            id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
-                            price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
-                                { text: "Get Started", onClick: () => console.log("Pro clicked") },
-                            ],
-                            features: [
-                                "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"],
-                        },
-                        {
-                            id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
-                            price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
-                                { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
-                            ],
-                            features: [
-                                "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"],
-                        },
-                    ]}
-                />
-                <ContactCenter
-                    tag="Contact"
-                    tagIcon={Mail}
-                    title="Ready to get started?"
-                    description="Join thousands of developers building better products with our platform."
-                    background={{ variant: "animated-grid" }}
-                    useInvertedBackground={false}
-                    inputPlaceholder="Enter your email"
-                    buttonText="Get Early Access"
-                    onSubmit={(email) => console.log("Email submitted:", email)}
-                />
+                <div id="pricing">
+                    <PricingCardEight
+                        tag="Pricing"
+                        tagIcon={Sparkles}
+                        title="Simple, transparent pricing"
+                        description="Choose the plan that works best for you. All plans include a 14-day free trial."
+                        animationType="opacity"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        plans={[
+                            {
+                                id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
+                                price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
+                                    { text: "Get Started", onClick: () => console.log("Starter clicked") },
+                                ],
+                                features: [
+                                    "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"],
+                            },
+                            {
+                                id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
+                                price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
+                                    { text: "Get Started", onClick: () => console.log("Pro clicked") },
+                                ],
+                                features: [
+                                    "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"],
+                            },
+                            {
+                                id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
+                                price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
+                                    { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
+                                ],
+                                features: [
+                                    "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"],
+                            },
+                        ]}
+                    />
+                </div>
+                <div id="contact">
+                    <ContactCenter
+                        tag="Contact"
+                        tagIcon={Mail}
+                        title="Ready to get started?"
+                        description="Join thousands of developers building better products with our platform."
+                        background={{ variant: "animated-grid" }}
+                        useInvertedBackground={false}
+                        inputPlaceholder="Enter your email"
+                        buttonText="Get Early Access"
+                        onSubmit={(email) => console.log("Email submitted:", email)}
+                    />
+                </div>
                 <FooterBaseReveal
                     logoText="GROWTHENGINECRM"
                     columns={[