Commit
·
e5a550b
1
Parent(s):
9de719c
Update layout and branding in frontend components
Browse files- Added suppressHydrationWarning to the body element in RootLayout for improved hydration handling.
- Updated the login page header to reflect the new branding name "PsyAdGenesis".
- Changed the header component text from "PsyAdGenesis" back to "Creative Breakthrough" for consistency in branding across the application.
- Enhanced the image generation prompt in the generator service to include low-quality camera characteristics for more authentic image outputs.
- frontend/app/layout.tsx +4 -1
- frontend/app/login/page.tsx +1 -2
- frontend/components/layout/Header.tsx +1 -1
- services/generator.py +9 -2
frontend/app/layout.tsx
CHANGED
|
@@ -21,7 +21,10 @@ export default function RootLayout({
|
|
| 21 |
}>) {
|
| 22 |
return (
|
| 23 |
<html lang="en">
|
| 24 |
-
<body
|
|
|
|
|
|
|
|
|
|
| 25 |
<ConditionalHeader />
|
| 26 |
<main className="min-h-screen">
|
| 27 |
{children}
|
|
|
|
| 21 |
}>) {
|
| 22 |
return (
|
| 23 |
<html lang="en">
|
| 24 |
+
<body
|
| 25 |
+
className={`${inter.variable} font-sans antialiased bg-gray-50`}
|
| 26 |
+
suppressHydrationWarning
|
| 27 |
+
>
|
| 28 |
<ConditionalHeader />
|
| 29 |
<main className="min-h-screen">
|
| 30 |
{children}
|
frontend/app/login/page.tsx
CHANGED
|
@@ -67,8 +67,7 @@ export default function LoginPage() {
|
|
| 67 |
</div>
|
| 68 |
</div>
|
| 69 |
<h1 className="text-4xl font-extrabold mb-2">
|
| 70 |
-
<span className="gradient-text">
|
| 71 |
-
<span className="text-gray-900"> Breakthrough</span>
|
| 72 |
</h1>
|
| 73 |
<p className="text-gray-600 text-lg">Sign in to your account</p>
|
| 74 |
</div>
|
|
|
|
| 67 |
</div>
|
| 68 |
</div>
|
| 69 |
<h1 className="text-4xl font-extrabold mb-2">
|
| 70 |
+
<span className="gradient-text">PsyAdGenesis</span>
|
|
|
|
| 71 |
</h1>
|
| 72 |
<p className="text-gray-600 text-lg">Sign in to your account</p>
|
| 73 |
</div>
|
frontend/components/layout/Header.tsx
CHANGED
|
@@ -35,7 +35,7 @@ export const Header: React.FC = () => {
|
|
| 35 |
<div className="absolute inset-0 bg-blue-500/20 rounded-full blur-xl group-hover:bg-cyan-500/20 transition-colors duration-300"></div>
|
| 36 |
</div>
|
| 37 |
<span className="text-2xl font-bold gradient-text group-hover:scale-105 transition-transform duration-300">
|
| 38 |
-
|
| 39 |
</span>
|
| 40 |
</Link>
|
| 41 |
</div>
|
|
|
|
| 35 |
<div className="absolute inset-0 bg-blue-500/20 rounded-full blur-xl group-hover:bg-cyan-500/20 transition-colors duration-300"></div>
|
| 36 |
</div>
|
| 37 |
<span className="text-2xl font-bold gradient-text group-hover:scale-105 transition-transform duration-300">
|
| 38 |
+
Creative Breakthrough
|
| 39 |
</span>
|
| 40 |
</Link>
|
| 41 |
</div>
|
services/generator.py
CHANGED
|
@@ -1988,8 +1988,11 @@ CONCEPT: {concept['name']}
|
|
| 1988 |
async def generate_single_extensive_image(img_idx: int):
|
| 1989 |
"""Helper function to generate a single extensive image with all processing."""
|
| 1990 |
try:
|
|
|
|
|
|
|
|
|
|
| 1991 |
# Refine prompt and add variation for each image
|
| 1992 |
-
base_refined_prompt = self._refine_image_prompt(
|
| 1993 |
|
| 1994 |
# Add variation modifier if generating multiple images
|
| 1995 |
if num_images > 1:
|
|
@@ -2269,6 +2272,11 @@ NICHE: GLP-1 / Weight Loss
|
|
| 2269 |
|
| 2270 |
prompt = f"""Create a Facebook ad image with natural, authentic content.
|
| 2271 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2272 |
=== HEADLINE TEXT (if included, should be part of natural scene) ===
|
| 2273 |
"{headline}"
|
| 2274 |
|
|
@@ -2306,7 +2314,6 @@ If this image includes people or faces, they MUST look like real, original peopl
|
|
| 2306 |
=== LAYOUT ===
|
| 2307 |
- Text zone (bottom 25%): "{headline}"
|
| 2308 |
- Visual zone (top 75%): Scene following {concept.get('name')} concept
|
| 2309 |
-
- Text must have good contrast
|
| 2310 |
|
| 2311 |
=== AVOID ===
|
| 2312 |
- Missing or misspelled text
|
|
|
|
| 1988 |
async def generate_single_extensive_image(img_idx: int):
|
| 1989 |
"""Helper function to generate a single extensive image with all processing."""
|
| 1990 |
try:
|
| 1991 |
+
# Add low quality camera instruction to the prompt
|
| 1992 |
+
prompt_with_camera = f"{prompt}\n\n=== CAMERA QUALITY ===\n- The image should look like it was shot from a low quality camera\n- Include characteristics of low quality camera: slight grain, reduced sharpness, lower resolution appearance, authentic camera imperfections\n- Should have the authentic feel of a real photo taken with a basic or older camera device"
|
| 1993 |
+
|
| 1994 |
# Refine prompt and add variation for each image
|
| 1995 |
+
base_refined_prompt = self._refine_image_prompt(prompt_with_camera)
|
| 1996 |
|
| 1997 |
# Add variation modifier if generating multiple images
|
| 1998 |
if num_images > 1:
|
|
|
|
| 2272 |
|
| 2273 |
prompt = f"""Create a Facebook ad image with natural, authentic content.
|
| 2274 |
|
| 2275 |
+
=== CAMERA QUALITY ===
|
| 2276 |
+
- The image should look like it was shot from a low quality camera
|
| 2277 |
+
- Include characteristics of low quality camera: slight grain, reduced sharpness, lower resolution appearance, authentic camera imperfections
|
| 2278 |
+
- Should have the authentic feel of a real photo taken with a basic or older camera device
|
| 2279 |
+
|
| 2280 |
=== HEADLINE TEXT (if included, should be part of natural scene) ===
|
| 2281 |
"{headline}"
|
| 2282 |
|
|
|
|
| 2314 |
=== LAYOUT ===
|
| 2315 |
- Text zone (bottom 25%): "{headline}"
|
| 2316 |
- Visual zone (top 75%): Scene following {concept.get('name')} concept
|
|
|
|
| 2317 |
|
| 2318 |
=== AVOID ===
|
| 2319 |
- Missing or misspelled text
|