Bob AI: [Block: blog-card-two|Testimonial Blog Two|/blocks...

src/components/sections/blog/BlogCardOne.tsx

@@ -246,4 +246,42 @@ const BlogCardOne = ({
 
 BlogCardOne.displayName = "BlogCardOne";
 
-export default BlogCardOne;
+export default function Page() {
+    return (
+        <div>
+            <BlogCardOne
+                title="Blog Posts"
+                description="Explore our latest blog posts."
+                tag="Blog"
+                tagIcon="Tag"
+                buttons={[
+                    { label: "Read More", href: "/blog" },
+                ]}
+                textboxLayout="vertical"
+                useInvertedBackground="inverted"
+                ariaLabel="Blog section"
+                className="w-content-width mx-auto"
+                containerClassName="w-content-width mx-auto"
+                cardClassName="w-full"
+                imageWrapperClassName="w-full"
+                imageClassName="w-full"
+                categoryClassName="text-sm"
+                cardTitleClassName="text-2xl font-medium"
+                excerptClassName="text-base"
+                authorContainerClassName="flex items-center gap-3"
+                authorAvatarClassName="h-9 w-auto aspect-square rounded-theme object-cover"
+                authorNameClassName="text-sm font-medium"
+                dateClassName="text-xs"
+                textBoxTitleClassName="text-2xl font-medium"
+                textBoxTitleImageWrapperClassName="w-full"
+                textBoxTitleImageClassName="w-full"
+                textBoxDescriptionClassName="text-base"
+                textBoxTagClassName="text-sm"
+                textBoxButtonContainerClassName="flex items-center gap-3"
+                textBoxButtonClassName="text-sm font-medium"
+                textBoxButtonTextClassName="text-sm font-medium"
+            />
+            {/* FAQ section */}
+        </div>
+    );
+}

src/components/sections/blog/BlogCardTwo.tsx

@@ -243,4 +243,32 @@ const BlogCardTwo = ({
 
 BlogCardTwo.displayName = "BlogCardTwo";
 
-export default BlogCardTwo;
+export default function Page() {
+    const { posts: fetchedPosts, isLoading } = useBlogPosts();
+    const blogs = fetchedPosts;
+
+    return (
+        <div>
+            <BlogCardTwo
+                blogs={blogs}
+                title="Blog Posts"
+                description="Explore our latest blog posts."
+                textboxLayout="vertical"
+                useInvertedBackground="light"
+            />
+            {/* New section 'blog-card-two' */}
+            <BlogCardTwo
+                blogs={blogs}
+                title="More Blog Posts"
+                description="Discover more blog posts here."
+                textboxLayout="vertical"
+                useInvertedBackground="light"
+            />
+            {/* FAQ section */}
+            <div>
+                <h2>FAQ</h2>
+                <p>Answers to frequently asked questions.</p>
+            </div>
+        </div>
+    );
+}