bender/9fea4308-2796-4eea-8154-890860b39773
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 3 sections)

Browse Source
This commit is contained in:
kudindmitriy
2026-04-23 13:18:16 +03:00
parent 835072c29f
commit 140e12c856
1 changed files with 16 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/pages/ProductsPage.tsx
View File

@@ -1,49 +1,30 @@
import React from "react";
import { routes } from "@/routes";
import NavbarCentered from "@/components/ui/NavbarCentered"; // Corrected import path
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import NavbarCentered from "@/components/ui/NavbarCentered";
import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
import ProductRatingCards from "@/components/sections/product/ProductRatingCards";
import ContactCta from "@/components/sections/contact/ContactCta";
import FooterSimple from "@/components/sections/footer/FooterSimple";
const ProductsPage: React.FC = () => {
export default function ProductsPage() {
return (
<div className="flex flex-col min-h-screen bg-background text-foreground">
<NavbarCentered
logo="Brand"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Get Started", href: "/contact" }}
navItems={[{"name":"Home","href":"/"},{"name":"Products","href":"/products"},{"name":"Solutions","href":"/solutions"},{"name":"About Us","href":"/about"},{"name":"Contact","href":"/contact"}]}
ctaButton={{"text":"View Pricing","href":"/pricing"}}
/>
<ProductMediaCards
tag="Shop Our Collection"
title="Explore Brand's Premium Products"
description="Discover a curated selection of high-quality products designed to enhance your life. From innovative gadgets to essential everyday items, find exactly what you need with Brand."
primaryButton={{"text":"Shop Now","href":"/products#products-list"}}
secondaryButton={{"text":"Learn More About Brand","href":"/about"}}
products={[{"name":"Brand Smartwatch Pro","price":"$299.99","imageSrc":"https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80"},{"name":"Brand Wireless Earbuds","price":"$149.99","imageSrc":"https://images.unsplash.com/photo-1606220588913-b3fdb71830a3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80"},{"name":"Brand Portable Speaker","price":"$99.99","imageSrc":"https://images.unsplash.com/photo-1545127398-1d071765c911?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80"},{"name":"Brand Ergonomic Keyboard","price":"$129.99","imageSrc":"https://images.unsplash.com/photo-1587820101416-091f32a74c26?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80"},{"name":"Brand HD Webcam","price":"$79.99","imageSrc":"https://images.unsplash.com/photo-1629429462823-3801f9b3297a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80"}]}
/>
<main className="flex-grow">
<HeroBillboard
title="Explore Our Innovative Products"
description="Discover solutions designed to elevate your experience and streamline your workflow."
primaryCta={{ text: "View All Products", href: "/products" }}
secondaryCta={{ text: "Contact Sales", href: "/contact" }}
/>
<ProductMediaCards
title="Featured Products"
description="A selection of our most popular and impactful offerings, crafted with precision."
/>
<ProductRatingCards
title="What Our Customers Say"
description="Hear from satisfied users who have transformed their operations with our products."
/>
<ContactCta
title="Ready to Transform Your Business?"
description="Get in touch with our team to find the perfect product for your needs."
primaryCta={{ text: "Get a Demo", href: "/contact" }}
/>
</main>
<FooterSimple
logo="Brand"
description="Innovating for a better future, one product at a time."
socialLinks={[{ name: "Twitter", href: "#" }, { name: "LinkedIn", href: "#" }]}
brand="Brand"
columns={[{"title":"Products","items":[{"label":"All Products","href":"/products"},{"label":"New Releases","href":"/products/new"},{"label":"Best Sellers","href":"/products/best-sellers"}]},{"title":"Company","items":[{"label":"About Us","href":"/about"},{"label":"Careers","href":"/careers"},{"label":"Blog","href":"/blog"}]},{"title":"Support","items":[{"label":"FAQ","href":"/faq"},{"label":"Contact Us","href":"/contact"},{"label":"Documentation","href":"/docs"}]}]}
copyright="© 2024 Brand. All rights reserved."
links={[{"label":"Privacy Policy","href":"/privacy"},{"label":"Terms of Service","href":"/terms"},{"label":"Cookie Settings","href":"/cookie-settings"}]}
/>
</div>
);
};
export default ProductsPage;
}