Upload 13 files

Dockerfile

@@ -0,0 +1,23 @@
+# Use a lightweight Python image
+FROM python:3.10-slim
+
+# Set working directory
+WORKDIR /app
+
+# Copy requirements first for caching
+COPY requirements.txt .
+
+# Install system dependencies (needed for OpenCV, rembg, etc.)
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    libgl1 libglib2.0-0 \
+    && pip install --no-cache-dir -r requirements.txt \
+    && apt-get clean && rm -rf /var/lib/apt/lists/*
+
+# Copy the app code
+COPY . .
+
+# Expose Flask port (must match app.py → 7860)
+EXPOSE 7860
+
+# Run Flask app
+CMD ["python", "app.py"]

aesthetic_instagram_captions.csv

@@ -0,0 +1,301 @@
+Captions
+Capture the beauty around you.
+Follow your heart; it knows the way.
+Be your own kind of beautiful.
+The journey is the adventure.
+Every moment is a fresh beginning.
+Create your own destiny.
+Life is what you make it.
+Believe in the impossible.
+Every sunset is a new beginning.
+Stay inspired.
+Create the life you want to live.
+Embrace every moment.
+Find peace in the chaos.
+Be the light.
+The world is full of possibilities.
+Make every day count.
+You are capable of amazing things.
+Life is better when you’re laughing.
+Seek adventure and find your soul.
+The best is yet to come.
+Let your heart be your guide.
+Find joy in the journey.
+Believe in your dreams.
+Dance to the rhythm of life.
+Collect beautiful memories.
+Life is a collection of moments.
+Create a life that feels good on the inside.
+Stay true to who you are.
+Find your own path.
+The world is yours to explore.
+Let your light shine.
+Create a masterpiece.
+Chase your dreams.
+Embrace the magic of life.
+Life is an adventure; make the most of it.
+Live life in color.
+Find beauty in every day.
+Let go of what doesn’t serve you.
+Create a life you can’t wait to wake up to.
+Believe in the magic of your dreams.
+Chase the sunset.
+The sky is alive with color.
+Make today so awesome that yesterday gets jealous.
+Stay wild.
+Believe in yourself and all that you are.
+Create your own path.
+Let your soul shine.
+Adventure is out there.
+Life is short; make it sweet.
+Dream big.
+Every day is a fresh start.
+Stay positive.
+Create your own happiness.
+Find your joy.
+Follow your bliss.
+Live for the moments you can’t put into words.
+Breathe in the good vibes.
+You are the artist of your own life.
+Make today amazing.
+The world is full of beautiful things.
+Let your dreams be your wings.
+Embrace every moment.
+The sky is the limit.
+Chase after the things that make you feel alive.
+"You only live once, but if you do it right, once is enough."
+Shine bright.
+Be the change.
+Life is an adventure; make it count.
+Do what makes your soul happy.
+Follow the sun.
+Find your peace.
+Stay curious.
+The journey is the destination.
+Leave a little sparkle everywhere you go.
+Believe in the magic.
+You are stronger than you think.
+Every moment is a new beginning.
+Create a life you love.
+Let your heart guide you.
+Dream without fear.
+Shine on.
+Make every day count.
+Dance like nobody's watching.
+"Live simply, dream big."
+Collect beautiful moments.
+Be your own light.
+Every sunset brings the promise of a new dawn.
+Chase your wildest dreams.
+Life is a beautiful ride.
+Let go and let life happen.
+Follow your dreams.
+Create your own kind of magic.
+Find joy in the little things.
+You are enough.
+Believe in your power.
+Make your own sunshine.
+"Seek adventure, find yourself."
+"Dream big, work hard."
+Find your fire.
+Let your spirit soar.
+Every day is a new beginning.
+Find your light.
+Stay grounded.
+Believe in yourself and you will be unstoppable.
+Create the life you want.
+Chase the moments.
+Live life in full bloom.
+Do what makes you happy.
+Let your heart be your guide.
+The world is yours to explore.
+Stay inspired.
+Make your own magic.
+Find beauty in the chaos.
+Create a life that feels good on the inside.
+Believe in the impossible.
+Every sunset is a new beginning.
+Let go and let life happen.
+Follow your bliss.
+Chase your dreams.
+The best is yet to come.
+Be the energy you want to attract.
+Life is short; make it count.
+Shine bright like a diamond.
+Make every day a little bit sweeter.
+Let your soul shine.
+Stay true to who you are.
+Life is an adventure; make the most of it.
+Create your own destiny.
+Believe in yourself and magic will happen.
+Let your dreams be your compass.
+Embrace the glorious mess that you are.
+Collect beautiful memories.
+Every moment is a chance to create something beautiful.
+"Stay wild, moon child."
+Life is a journey; make the most of it.
+Let the beauty of what you love be what you do.
+Follow the sun.
+Find your happy place.
+The sky is the limit.
+Dream big and dare to fail.
+Do more of what makes you happy.
+Let go of what doesn’t serve you.
+Every sunset brings the promise of a new dawn.
+Life is better when you’re laughing.
+"Be a voice, not an echo."
+Find beauty in the ordinary.
+"Collect moments, not things."
+Seek what sets your soul on fire.
+Let the adventure begin.
+Chase after the things that make you feel alive.
+You are the artist of your own life.
+Believe in your dreams.
+Create your own path.
+The world is full of beautiful things.
+Stay curious.
+Find your rhythm.
+Let your light shine.
+Dance to the rhythm of life.
+Life is a canvas; make it a masterpiece.
+You are enough just as you are.
+Embrace every moment.
+Believe in yourself and all that you are.
+Life is too short for bad vibes.
+Create a life that feels good on the inside.
+Adventure awaits; go find it.
+Find peace in the chaos.
+The sky is alive with color.
+Make today amazing.
+Create your own sunshine.
+Let your heart be your compass.
+Every moment is a fresh beginning.
+You are capable of amazing things.
+Believe in the magic of new beginnings.
+Chase your dreams and never look back.
+Life is what you make it.
+Stay true to yourself and never give up.
+Do what makes your soul happy.
+Create your own adventure.
+Let the beauty of what you love be what you do.
+Find joy in the journey.
+"Follow your heart, it knows the way."
+Shine bright and never dim.
+Leave a little sparkle wherever you go.
+Seek beauty in every day.
+Life is an adventure; enjoy the ride.
+The best is yet to come.
+Let your spirit soar.
+Believe in your power.
+Create the life you want.
+Find your light and let it shine.
+Chase the sunset.
+Life is a beautiful ride.
+Create your own magic.
+Let go and let life happen.
+Follow your dreams.
+Life is short; make it sweet.
+Believe in the beauty of your dreams.
+Every day is a fresh start.
+Find your joy in the journey.
+Be the change you wish to see in the world.
+Create your own happiness.
+Life is better when you’re laughing.
+Embrace the glorious chaos.
+Let the adventure unfold.
+"Stay humble, work hard, be kind."
+Chase the moment.
+The journey is the adventure.
+Live life in full bloom.
+Find your own way.
+Believe in the magic of your dreams.
+Create the life you can’t wait to wake up to.
+Let your dreams take flight.
+Life is a collection of moments.
+Be your own light.
+"Dream big, sparkle more, shine bright."
+Follow the sun and let it lead the way.
+Leave your worries behind.
+Find joy in the little things.
+Chase your wildest dreams.
+Believe in the impossible.
+Create a life you love.
+Let your heart guide you.
+Dance like nobody's watching.
+Life is what you make it.
+Embrace the unknown.
+Follow your bliss.
+"Be a voice, not an echo."
+Find peace in the chaos.
+The world is full of beautiful possibilities.
+Create your own path.
+Believe in yourself and you will be unstoppable.
+Every sunset brings the promise of a new dawn.
+Let go of what no longer serves you.
+Chase the sunset and let it guide your way.
+Be the light in someone’s darkness.
+Find your fire and let it burn bright.
+"Live simply, dream big, be grateful."
+Believe in your dreams and make them happen.
+Let your soul shine.
+Create the life you want to live.
+Embrace the magic of life.
+Chase the moments that make your heart smile.
+Stay true to yourself.
+Let your light shine and never dim.
+Find beauty in the ordinary.
+Life is a beautiful adventure.
+Create your own happiness.
+Believe in the magic of your dreams.
+Chase after the things that set your soul on fire.
+Life is short; make it count.
+Let your heart be your compass.
+Every day is a new beginning.
+Find joy in the journey.
+Create your own kind of magic.
+"Stay wild, moon child."
+Believe in yourself and you can achieve anything.
+Dance to the rhythm of life.
+The sky is the limit.
+Make today amazing.
+Let your dreams take flight.
+Chase the sunset.
+Life is what you make it.
+Create a life you can’t wait to wake up to.
+Let go of what doesn’t serve you.
+Follow your heart; it knows the way.
+Every moment is a fresh beginning.
+Find your joy in the little things.
+Believe in the magic of your dreams.
+The world is full of possibilities.
+Create your own adventure.
+Life is a beautiful ride.
+Let your spirit soar.
+Dance like nobody's watching.
+Believe in yourself and make your dreams come true.
+Chase your dreams and never look back.
+Create your own sunshine.
+Let your light shine bright.
+Life is short; make it sweet.
+Find beauty in every day.
+The best is yet to come.
+Every sunset is a new beginning.
+Follow your bliss and let it lead the way.
+Create a life you love.
+Let your heart guide you.
+Find joy in the journey.
+The journey is the destination.
+Be your own light.
+Believe in the power of your dreams.
+Life is an adventure; enjoy the ride.
+Chase after the things that make you feel alive.
+Create your own kind of happiness.
+The world is yours to explore.
+Stay inspired.
+Let your dreams be your wings.
+Dance to the rhythm of your heart.
+Create the life you can’t wait to wake up to.
+Find your fire and let it burn bright.
+Believe in yourself and all that you are.
+Every moment is a chance to create something beautiful.
+Let the beauty of what you love be what you do.

app.py

@@ -0,0 +1,125 @@
+import os
+os.environ["NUMBA_CACHE_DIR"] = "/tmp"
+os.environ["NUMBA_DISABLE_CACHING"] = "1"
+import warnings
+import cv2
+import numpy as np
+import pandas as pd
+from rembg import remove
+import tensorflow as tf
+from tensorflow.keras.preprocessing import image
+from tensorflow.keras.applications import VGG16
+from sklearn.metrics.pairwise import cosine_similarity
+from PIL import Image
+from flask import Flask, render_template, request, redirect, url_for, send_file
+
+app = Flask(__name__, template_folder='templates')
+
+warnings.filterwarnings('ignore')
+
+# Load the captions dataset
+captions_df = pd.read_csv("aesthetic_instagram_captions.csv")
+captions = captions_df['Captions'].values  # Corrected column name
+
+# Load the pre-trained VGG16 model
+model = VGG16(weights='imagenet', include_top=False, pooling='max')
+
+# Function to remove the background using rembg
+def remove_background(image_path):
+    input_image = Image.open(image_path)
+    output_image = remove(input_image)
+    output_image = output_image.resize((512, 512))  # Resize to 512x512
+    output_path = os.path.splitext(image_path)[0] + '_no_bg.png'
+    output_image.save(output_path)
+    return output_path
+
+# Function to change the background
+def change_background(foreground_path, background_path):
+    foreground = cv2.imread(foreground_path)
+    foreground = cv2.resize(foreground, (512, 512))  # Resize to 512x512
+    background = cv2.imread(background_path)
+    background = cv2.resize(background, (foreground.shape[1], foreground.shape[0]))
+    gray_foreground = cv2.cvtColor(foreground, cv2.COLOR_BGR2GRAY)
+    _, mask = cv2.threshold(gray_foreground, 1, 255, cv2.THRESH_BINARY)
+    mask_inv = cv2.bitwise_not(mask)
+    background_bg = cv2.bitwise_and(background, background, mask=mask_inv)
+    foreground_fg = cv2.bitwise_and(foreground, foreground, mask=mask)
+    result = cv2.add(background_bg, foreground_fg)
+    return result
+
+# Function to extract features from an image
+# Function to extract features from an image
+def extract_features(img_path):
+    img = image.load_img(img_path, target_size=(224, 224))
+    img_array = image.img_to_array(img)
+    img_array = np.expand_dims(img_array, axis=0)
+    img_array = tf.keras.applications.vgg16.preprocess_input(img_array)
+    features = model.predict(img_array)
+    return features  # No need to index further
+
+
+# Function to generate caption based on image input
+def generate_caption(img_path):
+    img_features = extract_features(img_path)
+    captions = []
+    for caption in captions_df['Captions'].values:
+        caption_features = np.random.rand(1, 512)  # Dummy features
+        sim = cosine_similarity(img_features, caption_features)
+        captions.append((caption, sim[0][0]))
+    captions.sort(key=lambda x: x[1], reverse=True)
+    return captions[0][0]
+
+@app.route('/', methods=['GET', 'POST'])
+def index():
+    if request.method == 'POST':
+        if 'foreground' in request.files and 'background' in request.files:
+            foreground_file = request.files['foreground']
+            background_file = request.files['background']
+            foreground_path = os.path.join('uploads', foreground_file.filename)
+            background_path = os.path.join('uploads', background_file.filename)
+            foreground_file.save(foreground_path)
+            background_file.save(background_path)
+            fg_no_bg = remove_background(foreground_path)
+            result_image = change_background(fg_no_bg, background_path)
+            result_path = 'uploads/result.png'
+            cv2.imwrite(result_path, result_image)
+            return render_template('output.html', image_path=result_path)
+        elif 'image' in request.files:
+            image_file = request.files['image']
+            image_path = os.path.join('uploads', image_file.filename)
+            image_file.save(image_path)
+            caption = generate_caption(image_path)
+            return render_template('output.html', caption=caption)
+    return render_template('index.html')
+
+@app.route('/uploads/<filename>')
+def uploaded_file(filename):
+    return send_file(os.path.join('uploads', filename), as_attachment=True)
+
+@app.route('/index.html')
+def home():
+    return render_template('index.html')
+
+@app.route('/pricing.html')
+def pricing():
+    return render_template('pricing.html')
+
+@app.route('/contact.html')
+def contact():
+    return render_template('contact.html')
+
+@app.route('/login.html')
+def login():
+    return render_template('login.html')
+
+ 
+
+@app.route('/signup.html')
+def signup():
+    return render_template('signup.html')
+
+
+
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=7860)
+ 

static/script.js

@@ -0,0 +1,68 @@
+// Create a glowing effect element
+const glowingEffect = document.createElement('div');
+glowingEffect.classList.add('glowing-effect');
+document.body.appendChild(glowingEffect);
+
+// Add event listeners to track the cursor position
+document.addEventListener('mousemove', (event) => {
+    glowingEffect.style.setProperty('--x', `${event.clientX}px`);
+    glowingEffect.style.setProperty('--y', `${event.clientY}px`);
+});
+
+// Add a class to the glowing effect element to enable JavaScript-generated styles
+glowingEffect.classList.add('js-generated');
+
+const imageInput = document.getElementById('image-input');
+const generateCaptionBtn = document.getElementById('generate-caption-btn');
+const removeBackgroundBtn = document.getElementById('remove-background-btn');
+const changeBackgroundBtn = document.getElementById('change-background-btn');
+const outputDiv = document.getElementById('output');
+
+generateCaptionBtn.addEventListener('click', async () => {
+    try {
+        const imgPath = imageInput.files[0].path;
+        const response = await fetch('/generate_caption', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ img_path: imgPath }),
+        });
+        const caption = await response.json();
+        outputDiv.innerHTML = `Generated Caption: ${caption.caption}`;
+    } catch (error) {
+        console.error(error);
+        outputDiv.innerHTML = 'Error generating caption';
+    }
+});
+
+removeBackgroundBtn.addEventListener('click', async () => {
+    try {
+        const imgPath = imageInput.files[0].path;
+        const response = await fetch('/remove_background', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ img_path: imgPath }),
+        });
+        const outputPath = await response.json();
+        outputDiv.innerHTML = `Removed Background: ${outputPath.output_path}`;
+    } catch (error) {
+        console.error(error);
+        outputDiv.innerHTML = 'Error removing background';
+    }
+});
+
+changeBackgroundBtn.addEventListener('click', async () => {
+    try {
+        const foregroundPath = imageInput.files[0].path;
+        const backgroundPath = 'path/to/background/image.jpg'; // Replace with the actual background image path
+        const response = await fetch('/change_background', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ foreground_path: foregroundPath, background_path: backgroundPath }),
+        });
+        const outputPath = await response.json();
+        outputDiv.innerHTML = `Changed Background: ${outputPath.output_path}`;
+    } catch (error) {
+        console.error(error);
+        outputDiv.innerHTML = 'Error changing background';
+    }
+});

static/style.css

@@ -0,0 +1,477 @@
+/* General Reset */  
+* {  
+  margin: 0;  
+  padding: 0;  
+  box-sizing: border-box;  
+}  
+
+/* Body Style */  
+body {  
+  background-color: #1e1e1e; /* Dark background for contrast */  
+  color: #ffffff;            /* White text color */  
+  font-family: Arial, sans-serif;  
+  transition: background-color 0.5s ease, color 0.5s ease;  
+  text-align: center; /* Center text for main layout */  
+}  
+
+/* App container: Sidebar + Content layout */  
+.app-container {  
+  display: flex;  
+  min-height: 100vh;  
+  background-color: #f8f9fa;  
+}  
+
+/* Sidebar styles */  
+.sidebar {  
+  background-color: #343a40;  
+  padding: 20px;  
+  color: white;  
+  height: 100vh;  
+  width: 220px; /* Sidebar width */  
+}  
+
+/* Content section */  
+.content {  
+  flex-grow: 1;  
+  display: flex;  
+  flex-direction: column;  
+  background-color: #fff;  
+  padding: 20px;  
+}  
+
+/* Header styles */  
+header {  
+  background-color: #343a40; /* Dark background for the navbar */  
+  padding: 15px;  
+}  
+
+/* Navbar Style */  
+.navbar {  
+  display: flex;  
+  justify-content: space-between;  
+  align-items: center;  
+  padding: 10px 20px;  
+}  
+
+/* Navbar content */  
+.nav-links {  
+  list-style: none;  
+  display: flex;  
+  margin: 0;  
+  padding: 0;  
+}  
+
+.nav-links li {  
+  margin-left: 20px;  
+}  
+
+.nav-links a {  
+  text-decoration: none;  
+  color: white;  
+  font-weight: bold;  
+  padding: 0.5rem 1rem; /* Padding inside the links */  
+  transition: background-color 0.3s; /* Smooth background color change */  
+}  
+
+/* Change link color on hover */  
+.nav-links a:hover {  
+  background-color: rgba(255, 255, 255, 0.2); /* Slightly lighter on hover */  
+  border-radius: 4px; /* Rounded corners on hover */  
+}  
+
+/* Active link style */  
+.nav-links a.active {  
+  background-color: rgba(255, 255, 255, 0.3); /* Highlight active link */  
+}  
+
+/* Search form styles */  
+.search-form {  
+  display: flex;  
+  align-items: center;  
+}  
+
+.search-form input[type="text"] {  
+  border: none;  
+  padding: 8px;  
+  border-radius: 4px;  
+  margin-right: 5px;  
+  background-color: #2c2c2c; /* Dark background for search input */  
+  color: #ffffff; /* White text color */  
+}  
+
+.search-form button {  
+  padding: 8px 12px;  
+  border: none;  
+  border-radius: 4px;  
+  background-color: #007bff; /* Button color */  
+  color: white;  
+  cursor: pointer;  
+}  
+
+.search-form button:hover {  
+  background-color: #0056b3; /* Darker on hover */  
+}  
+
+/* Form styles */  
+.form-container {  
+  background-color: #252525;  
+  padding: 20px;  
+  border-radius: 8px;  
+  margin: 20px auto; /* Centering */  
+  max-width: 600px;  /* Maximum width for forms */  
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);  
+  opacity: 0; /* Start invisible for animation */  
+  transform: translateY(20px); /* Start slightly lower for effect */  
+  animation: slideIn 0.5s forwards; /* Adding slide-in effect */  
+}  
+
+/* Input and Button Styles */  
+input[type="file"], button {  
+  margin: 10px 0;  
+  padding: 8px;  
+  width: 100%; /* Make inputs full width */  
+  border: none;  
+  border-radius: 4px;  
+  background-color: #3a3a3a;  
+  color: #ffffff;  
+  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */  
+}  
+
+input[type="file"]:hover {  
+  background-color: #4a4a4a; /* Change background on hover */  
+  transform: scale(1.02); /* Slightly grow on hover */  
+}  
+
+button {  
+    background-color: #007bff; /* Button color */  
+}  
+
+button:hover {  
+    background-color: #0056b3; /* Darker on hover */  
+}  
+
+/* Animations */  
+@keyframes slideIn {  
+    from {  
+        opacity: 0;  
+        transform: translateY(20px);  
+    }  
+    to {  
+        opacity: 1;  
+        transform: translateY(0);  
+    }  
+}  
+
+/* Headings */  
+h1, h2 {  
+    margin: 20px 0; /* Spacing around headings */  
+}  
+
+/* Results Container */  
+.results-container {  
+    background-color: #000000;  
+    padding: 20px;  
+    border-radius: 8px;  
+    margin: 20px auto; /* Centering */  
+    max-width: 600px; /* Maximum width for results */  
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);  
+}  
+
+/* Responsive styles */  
+@media (max-width: 768px) {  
+    .navbar {  
+        flex-direction: column; /* Stack navbar items vertically on small screens */  
+    }  
+
+    .navbar .nav-link {  
+        text-align: center; /* Center align links */  
+        padding: 1rem; /* Slightly more padding */  
+    }  
+
+    .form-container,   
+    .results-container {  
+        width: 95%; /* Make forms/responses full width on smaller screens */  
+    }  
+}
+body {
+  background-color: #000000; /* Dark gray background */
+  font-family: Arial, sans-serif;
+  overflow: hidden; /* Add this to prevent scrolling */
+}
+
+/* Add a new container for the moving background effect */
+.moving-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  background-image: linear-gradient(to right, #333, #444, #555);
+  background-size: 300px 100vh;
+  animation: move-background 10s linear infinite;
+}
+
+@keyframes move-background {
+  0% {
+      transform: translateX(0);
+  }
+  100% {
+      transform: translateX(-300px);
+  }
+}
+
+.navbar {
+  background-color: #000000; /* Darker gray background for navbar */
+  padding: 1rem;
+  display: flex;
+  justify-content: center; /* Center the navbar elements horizontally */
+  align-items: center; /* Center the navbar elements vertically */
+}
+
+.navbar ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center; /* Center the navbar links horizontally */
+}
+
+.navbar li {
+  margin-right: 20px;
+}
+
+.nav-link {
+  color: #68E905; /* White text color */
+  text-shadow: #68E905;
+  padding: 10px 20px; /* Add padding to create a box around the link */
+  border-radius: 20px; /* Add a rounded corner effect */
+  transition: none; /* Remove transition effect */
+}
+
+.nav-link:hover {
+  box-shadow: 0 0 10px #a5c747, 0 0 20px #a5c747, 0 0 30px #a5c747; /* White shining neon effect */
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 2rem;
+}
+
+h1, p {
+  color: #fff; /* White text color */
+}
+
+.login-container {
+  width: 500px;
+  background-color: #000000; /* Darker gray background for login container */
+  padding: 40px;
+  border-radius: 30px;
+  box-shadow: 0 0 900px #8605e9;
+  margin: 100px auto;
+}
+
+h1 {
+  text-decoration-color: #68E905;
+  color: #68E905; /* White text color */
+  text-align: center;
+}
+
+label {
+  color: #68E905; /* White text color */
+}
+
+input[type="text"], input[type="password"] {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: none;
+  border-radius: 5px;
+  background-color: #444;
+  color: #fff;
+}
+
+input[type="submit"] {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: none;
+  border-radius: 5px;
+  background-color: #68E905;
+  color: #000000;
+  cursor: pointer;
+}
+
+input[type="submit"]:hover {
+  background-color: #ffffff;
+}
+
+p {
+  color: #ffffff; /* White text color */
+  text-align: center;
+}
+
+a {
+  color: #68E905; /* Blue text color */
+  text-decoration: none;
+}
+
+a:hover {
+  color: #fa0000;
+}
+.pricing-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 40px;
+}
+
+.pricing-plan {
+  background-color: #333;
+  padding: 20px;
+  margin: 20px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px #8605e9;
+  width: 250px;
+}
+
+.pricing-plan h2 {
+  color: #68E905;
+  text-align: center;
+}
+
+.pricing-plan p {
+  color: #fff;
+  text-align: center;
+}
+
+.pricing-plan ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.pricing-plan li {
+  color: #fff;
+  padding: 10px;
+  border-bottom: 1px solid #444;
+}
+
+.pricing-plan li:last-child {
+  border-bottom: none;
+}
+
+.btn {
+  background-color: #68E905;
+  color: #000;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.btn:hover {
+  background-color: #ffffff;
+}
+.contact-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40px;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px;
+  border: 1px solid #000000;
+  border-radius: 10px;
+  box-shadow: 0 0 900px #a5c747;
+  width: 500px;
+}
+
+label {
+  color: #68E905;
+  padding: 10px;
+}
+
+input[type="text"], input[type="email"] {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: none;
+  border-radius: 5px;
+  background-color: #444;
+  color: #fff;
+}
+
+textarea {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: none;
+  border-radius: 5px;
+  background-color: #444;
+  color: #fff;
+}
+
+input[type="submit"] {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: none;
+  border-radius: 5px;
+  background-color: #ffffff;
+  color: #000;
+  cursor: pointer;
+}
+
+input[type="submit"]:hover {
+  background-color: #ffffff;
+}
+
+body {
+  margin: 0;
+  height: 100vh;
+  overflow: hidden; /* Prevent scrolling */
+  background: linear-gradient(270deg, #000000, #32002f, #1c0000);
+  background-size: 400% 400%;
+  animation: gradient 5s ease infinite;
+  overflow-y: auto; /* Allow vertical scrolling */
+  min-height: 100vh; /* Ensure the body takes at least the full height of the viewport */
+}
+
+@keyframes gradient {
+  0% {
+      background-position: 0% 50%;
+  }
+  50% {
+      background-position: 100% 50%;
+  }
+  100% {
+      background-position: 0% 50%;
+  }
+}
+
+.glowing-effect {
+  position: absolute;
+  width: 100px; /* Adjust size as needed */
+  height: 100px; /* Adjust size as needed */
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
+  pointer-events: none; /* Prevent interaction */
+  transform: translate(-50%, -50%);
+  transition: background 0.3s ease;
+}
+
+.js-generated {
+  /* Additional styles for JavaScript-generated elements */
+}
+.text {
+  color: #ffffff; /* Text color */
+  font-style: italic; /* Italic style */
+  text-shadow: 0 0 5px #ee00ff; /* Brighter glow effect */
+}

templates/contact.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us</title>
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <nav class="navbar">
+        <ul>
+            <li><a class="nav-link" href="index.html">Home</a></li>
+            <li><a class="nav-link" href="pricing.html">Pricing</a></li>
+            <li><a class="nav-link" href="contact.html">Contact Us</a></li>
+            <li><a class="nav-link" href="login.html">Login</a></li>
+        </ul>
+    </nav>
+    <main>
+        <h1>Contact Us</h1>
+        <div class="contact-container">
+            <form>
+                <label for="name">Name:</label>
+                <input type="text" id="name" name="name"><br><br>
+                <label for="email">Email:</label>
+                <input type="email" id="email" name="email"><br><br>
+                <label for="message">Message:</label>
+                <textarea id="message" name="message"></textarea><br><br>
+                <input type="submit " value="Send">
+            </form>
+        </div>
+    </main>
+</body>
+</html>

templates/index.html

@@ -0,0 +1,57 @@
+
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>Background Changer and Caption Generator</title>  
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/5.1.3/css/bootstrap.min.css">  
+    <link rel="stylesheet" href="/static/style.css">  
+</head>  
+<body>  
+
+
+    <!-- <nav class="navbar">
+        <ul>
+            <li><a href="index.html" class="nav-link">Home</a></li>
+            <li><a href="pricing.html" class="nav-link">Pricing</a></li>
+            <li><a href="contact.html" class="nav-link">Contact Us</a></li>
+            <li><a href="login.html" class="nav-link">Login</a></li>
+            <li><a href="signup.html" class="nav-link">Sign Up</a></li>        
+        </ul>
+    </nav> -->
+     <div class="text">
+        <h1>Hey, Instagram Creators! Are you ready to take your posts to the next level?</h1>
+        <h2>Generate stunning captions that resonate with your audience and transform your backgrounds effortlessly.</h2>
+     </div>
+    <main class="container mt-4">  
+        <h1>Background Changer</h1>  
+        <div class="form-container mb-4">  
+            <form method="POST" enctype="multipart/form-data">  
+                <h2>Select Foreground Image</h2>  
+                <label for="foreground">Choose file</label>  
+                <input type="file" id="foreground" name="foreground" required>  
+
+                <h2>Select Background Image</h2>  
+                <label for="background">Choose file</label>  
+                <input type="file" id="background" name="background" required>  
+
+                <button type="submit" class="btn btn-primary mt-2">Change Background</button>  
+            </form>  
+        </div>  
+
+        <h1>Caption Generator</h1>  
+        <div class="form-container">  
+            <form method="POST" enctype="multipart/form-data">  
+                <h2>Select Image for Caption Generation</h2>  
+                <label for="image">Choose file</label>  
+                <input type="file" id="image" name="image" required>  
+                <button type="submit" class="btn btn-primary mt-2">Generate Caption</button>  
+            </form>  
+        </div>  
+    </main>  
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>  
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>  
+    <script src="C:\Users\jayesh777\OneDrive\Desktop\thaaproject2\static\script.js"></script>
+</body>  
+</html>

templates/layout.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>Background Changer and Caption Generator</title>  
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">  
+</head>  
+<body>  
+    <h1>Background Changer</h1>  
+    <form method="POST" enctype="multipart/form-data">  
+        <h2>Select Foreground Image</h2>  
+        <input type="file" name="foreground" required>  
+        <h2>Select Background Image</h2>  
+        <input type="file" name="background" required>  
+        <button type="submit">Change Background</button>  
+    </form>  
+
+    <h1>Caption Generator</h1>  
+    <form method="POST" enctype="multipart/form-data">  
+        <h2>Select Image for Caption Generation</h2>  
+        <input type="file" name="image" required>  
+        <button type="submit">Generate Caption</button>  
+    </form>  
+</body>  
+</html>

templates/login.html

@@ -0,0 +1,43 @@
+
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>Login</title>  
+    <link rel="stylesheet" href="/static/style.css">  
+</head>  
+<body>  
+    <header>  
+        <nav class="navbar">  
+            <div class="container">  
+                <!-- <div class="logo">  
+                    <a href="{{ url_for('index.html') }}">Logo</a>  
+                </div>   -->
+                <ul class="nav-links">  
+                    <li><a href="{{ url_for('templates/pricing.html') }}">Pricing</a></li>  
+                    <!-- <li>  
+                        <form action="{{ url_for('search') }}" method="GET" class="search-form">  
+                            <input type="text" name="query" placeholder="Search..." required>  
+                            <button type="submit">Search</button>  
+                        </form>  
+                    </li>   -->
+                    <li><a href="{{ url_for('templates/login.html') }}">Login</a></li>  
+                    <li><a href="{{ url_for('templates/signup.html') }}">Signup</a></li>  
+                    <li><a href="{{ url_for('templates/contact.html') }}">Contact Us</a></li>  
+                </ul>  
+            </div>  
+        </nav>  
+    </header>  
+
+    <main>  
+        <h1>Login</h1>  
+        <form action="{{ url_for('login_action') }}" method="POST">  
+            <input type="text" name="username" placeholder="Username" required>  
+            <input type="password" name="password" placeholder="Password" required>  
+            <button type="submit">Login</button>  
+        </form>  
+    </main>  
+    <script src="static/script.js"></script>
+</body>  
+</html>

templates/output.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>Output</title>  
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">  
+</head>  
+<body>  
+    <h1>Output</h1>  
+    
+    {% if image_path %}  
+        <h2>Changed Background Image:</h2>  
+        <img src="{{ url_for('uploaded_file', filename='result.png') }}" alt="Result Image">  
+        <br>  
+        <a href="{{ url_for('uploaded_file', filename='result.png') }}">Download Result Image</a>  
+    {% endif %}  
+
+    {% if caption %}  
+        <h2>Generated Caption:</h2>  
+        <p>{{ caption }}</p>  
+    {% endif %}  
+
+    <br>  
+    <a href="{{ url_for('index') }}">Back to Home</a>  
+</body>  
+</html>

templates/pricing.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pricing</title>
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <nav class="navbar">
+        <ul>
+            <li><a class="nav-link" href="index.html">Home</a></li>
+            <li><a class="nav-link" href="pricing.html">Pricing</a></li>
+            <li><a class="nav-link" href="contact.html">Contact Us</a></li>
+            <li><a class="nav-link" href="login.html">Login</a></li>
+        </ul>
+    </nav>
+    <main>
+        <h1>Pricing</h1>
+        <div class="pricing-container">
+            <div class="pricing-plan">
+                <h2>Basic</h2>
+                <p>$9.99/month</p>
+                <ul>
+                    <li>1 User</li>
+                    <li>10GB Storage</li>
+                    <li>Basic Support</li>
+                </ul>
+                <button class="btn">Sign Up</button>
+            </div>
+            <div class="pricing-plan">
+                <h2>Premium</h2>
+                <p>$19.99/month</p>
+                <ul>
+                    <li>5 Users</li>
+                    <li>50GB Storage</li>
+                    <li>Premium Support</li>
+                </ul>
+                <button class="btn">Sign Up</button>
+            </div>
+            <div class="pricing-plan">
+                <h2>Enterprise</h2>
+                <p>Custom Pricing</p>
+                <ul>
+                    <li>Unlimited Users</li>
+                    <li>Unlimited Storage</li>
+                    <li>Premium Support</li>
+                </ul>
+                <button class="btn">Contact Us</button>
+            </div>
+        </div>
+    </main>
+</body>
+</html>

templates/siginup.html

@@ -0,0 +1,43 @@
+
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>Signup</title>  
+    <link rel="stylesheet" href="/static/style.css">  
+</head>  
+<body>  
+    <header>  
+        <nav class="navbar">  
+            <div class="container">  
+                <!-- <div class="logo">  
+                    <a href="{{ url_for('index.html') }}">Logo</a>  
+                </div>   -->
+                <ul class="nav-links">  
+                    <li><a href="{{ url_for('templates/pricing.html') }}">Pricing</a></li>  
+                    <!-- <li>  
+                        <form action="{{ url_for('search') }}" method="GET" class="search-form">  
+                            <input type="text" name="query" placeholder="Search..." required>  
+                            <button type="submit">Search</button>  
+                        </form>  
+                    </li>   -->
+                    <li><a href="{{ url_for('templates/login.html') }}">Login</a></li>  
+                    <li><a href="{{ url_for('templates/signup.html') }}">Signup</a></li>  
+                    <li><a href="{{ url_for('templates/contact.html') }}">Contact Us</a></li>  
+                </ul>  
+            </div>  
+        </nav>  
+    </header>  
+
+    <main>  
+        <h1>Signup</h1>  
+        <form action="{{ url_for('signup_action') }}" method="POST">  
+            <input type="text" name="username" placeholder="Username" required>  
+            <input type="email" name="email" placeholder="Email" required>  
+            <input type="password" name="password" placeholder="Password" required>  
+            <button type="submit">Signup</button>  
+        </form>  
+    </main>  
+</body>  
+</html>