color changes.

This commit is contained in:
2024-12-11 16:33:55 -05:00
parent 512e8b557f
commit e26ffde6c0
5 changed files with 33 additions and 21 deletions

View File

@@ -3,8 +3,8 @@ import { Button } from "src/components/ui/button";
export default function BuilderPage() { export default function BuilderPage() {
return ( return (
<div className="container mx-auto tactical"> <div className="container mx-auto ">
<table className="table-auto border-separate border-spacing-2 border border-slate-500"> <table className="table-auto border-separate border-spacing-2 border border-slate-500 text-gray-900">
<thead> <thead>
<tr> <tr>
<th>Component</th> <th>Component</th>

View File

@@ -1,10 +1,10 @@
export default function ProductsPage() { export default function ProductsPage() {
return ( return (
<div className="container mx-auto p-4"> <div className="container mx-auto p-4">
<h1 className="text-2xl font-bold mb-4">Products</h1> <h1 className="text-2xl font-bold mb-4 text-gray-900">Products</h1>
<div className="grid gap-4"> <div className="grid gap-4">
<div className="p-4 border rounded shadow"> <div className="p-4 border rounded shadow text-gray-900">
<h2 className="font-semibold">Sample Lower Receiver</h2> <h2 className="font-semibold ">Sample Lower Receiver</h2>
<p>Price: $199.99</p> <p>Price: $199.99</p>
<button className="mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"> <button className="mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
Buy Now Buy Now

View File

@@ -13,7 +13,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
return ( return (
<html suppressHydrationWarning> <html suppressHydrationWarning>
<body> <body className="bg-slate-200 ">
<Provider> <Provider>
<Navbar /> <Navbar />
{children}</Provider> {children}</Provider>

View File

@@ -8,13 +8,31 @@ import Hero from "../components/Hero";
export default async function Home() { export default async function Home() {
return ( return (
<div className="bg-gray-100 min-h-screen flex flex-col"> <div className="p-4 pt-16 mx-auto max-w-screen-md">
<Header /> <h1 className="text-4xl font-bold mb-6 text-black">Welcome to Ballistic Builder</h1>
<Hero />
<FeaturesSection /> <div className="bg-white rounded-lg shadow-md p-6 mb-6">
<About /> <h2 className="text-2xl font-semibold mb-4 text-black">Build Your Next Project</h2>
<Contact /> <p className="text-gray-600 mb-4">
<Footer /> Create, customize, and manage your projects with our intuitive builder interface.
</p>
<a
href="/builder"
className="inline-block bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition-colors"
>
Get Started
</a>
</div> </div>
<div className="bg-white rounded-lg shadow-md p-6">
<h2 className="text-2xl font-semibold mb-4 text-black">Features</h2>
<ul className="list-disc list-inside text-gray-600 space-y-2">
<li>Easy-to-use interface</li>
<li>Customizable components</li>
<li>Real-time preview</li>
<li>Export functionality</li>
</ul>
</div>
</div>
); );
} }

View File

@@ -23,7 +23,7 @@ function classNames(...classes: unknown[]) {
return classes.filter(Boolean).join(" "); return classes.filter(Boolean).join(" ");
} }
export default function Example() { export default function Navbar() {
return ( return (
<Disclosure as="nav" className="bg-gray-800"> <Disclosure as="nav" className="bg-gray-800">
<div className="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"> <div className="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
@@ -45,13 +45,7 @@ export default function Example() {
</div> </div>
<div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start"> <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
<div className="flex shrink-0 items-center"> <div className="flex shrink-0 items-center">
{/* <Image <p>Ballistics Builder</p>
alt="Ballistic Builder"
src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=500"
className="h-8 w-auto"
width={100}
height={100}
/> */}
</div> </div>
<div className="hidden sm:ml-6 sm:block"> <div className="hidden sm:ml-6 sm:block">
<div className="flex space-x-4"> <div className="flex space-x-4">