idk update

Author: kishorprajapati1313

client/.env

@@ -1,4 +1,5 @@
- VITE_BACKEND_URL=https://v-test-vkux.onrender.com
+#  VITE_BACKEND_URL=https://v-test-vkux.onrender.com
+ VITE_BACKEND_URL=https://5000-idx-vision-verse-1738842878418.cluster-qpa6grkipzc64wfjrbr3hsdma2.cloudworkstations.dev
 # VITE_BACKEND_URL=https://5000-idx-backendofvision-1730719510987.cluster-bec2e4635ng44w7ed22sa22hes.cloudworkstations.dev
 
 VITE_STABLE_DEFFUSION_API=sk-GheTiMlU4MsYXd0aw3nW3mNSNH9pdKHtwRpQpKHNhyuZs1mW

client/src/Assets/Component/Home_Page/Firstcontainer.jsx

@@ -6,7 +6,7 @@ const Firstcontainer = ({ Heightsize }) => {
     <Box sx={{ color: "white", position: "relative", height: '90vh', overflow: 'hidden' }}>
       <Grid container>
         <Grid item xs={12}>
-          <video autoPlay loop muted style={{ /*height: Heightsize*/ height: '100%', width: "100%", objectFit: "cover", zIndex: 0 }}>
+          <video autoPlay loop muted style={{  height: '100%', width: "100%", objectFit: "cover", zIndex: 0 }}>
             <source src="/react41.mp4" type="video/mp4" />
           </video>
 
@@ -20,12 +20,12 @@ const Firstcontainer = ({ Heightsize }) => {
             width: "60%",
             fontWeight:"700",
             fontSize:"3.5rem",
-            lineHeight: 1.2,
+            lineHeight: 1.1,
           }}
 
           >
             Activating humanity's potential through generative AI
-            <Typography sx={{mt:"30px", width: "50%", fontSize:"1.9rem", fontWeight:"500"}}>
+            <Typography sx={{mt:"30px", width: "50%", fontSize:"1.9rem", fontWeight:"500", lineHeight: 1,}}>
               Open models in every modality,
               for everyone, everywhere.
             </Typography>

client/src/Assets/Component/Home_Page/Secondcontainer.jsx

@@ -18,9 +18,9 @@ const Secondcontainer = ({ Header, Header_summary, Header_url, Direaction, Heade
     <Box
       ref={ref}
       sx={{
-        // backgroundColor: 'black',
+        backgroundColor: 'black',
         padding:'50px',
-        margin:'100px 0',
+        margin:'20px 0',
         width: '100%',
         // padding: '20px',
         height: '60vh',
@@ -42,7 +42,7 @@ const Secondcontainer = ({ Header, Header_summary, Header_url, Direaction, Heade
           objectFit: 'cover',
           borderRadius:'20px',
           opacity: inView ? 1 : 0,
-          transform: inView ? 'translateX(0)' : `translateX(${show ? '20%' : '-10%'})`,
+          transform: inView ? 'scale(1)' : `scale(${show ? '30%' : '0%'})`,
           transition: 'opacity 0.5s ease, transform 0.5s ease',
         }}
       />
@@ -57,7 +57,7 @@ const Secondcontainer = ({ Header, Header_summary, Header_url, Direaction, Heade
           alignItems: 'center',
           justifyContent: 'center',
           opacity: inView ? 1 : 0,
-          transition: 'opacity 0.5s ease',
+          transition: 'opacity 2s ease',
           // border:"10px solid black"
         }}
       >

client/src/Assets/Component/Navbar.jsx

@@ -62,7 +62,7 @@ const Navbar = () => {
 
   return (
     <Box sx={{flexGrow: 1 }}>
-      <AppBar  position='static' sx={{  background: 'linear-gradient(135deg, rgba(48,48,48, 0.9), rgba(48,48,48, 0.7))',  padding:'0 20px' }}>
+      <AppBar  position='static' sx={{ justifyContent:"center" ,background: 'linear-gradient(135deg, rgba(48,48,48, 0.9), rgba(48,48,48, 0.7))',  padding:'0 20px' }}>
         {/* <Link to="/Test">Hello</Link> */}
         <Toolbar>
           {userData ?
@@ -71,7 +71,7 @@ const Navbar = () => {
             </IconButton> : ""}
 
           <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
-            <img src="/vite.svg" alt="LOGO" style={{ marginTop: '10px' }} />
+            <img src="/vite.svg" alt="LOGO" style={{ marginTop: '0' }} />
           </Typography>
 
           <IconButton variant="h6" sx={{ cursor: "pointer", fontSize: "40px", color: Theme.white[100] }} component={Link} to="/home">

client/src/Assets/Page_Component/Video_Generation/Video_Input_Section.jsx

@@ -54,8 +54,8 @@ const Video_Input_Section = ({ handleChange, handleSubmit, sliderValues, sliderL
             )}
 
             {sliderValues && Object.keys(sliderValues).map((key) => (
-                <Box key={key} sx={{ marginBottom: '20px', textAlign: 'left',  lineHeight:"0.1px" }}>
-                    <Typography sx={{textTransform:"upperCase", color: Theme.white[100], fontSize: '16px', fontWeight: 'bold', marginBottom: '5px', }}>
+                <Box key={key} sx={{ marginBottom: '20px', textAlign: 'left',  lineHeight:"0.1px", marginTop:"5px" }}>
+                    <Typography sx={{textTransform:"upperCase", color: "lightgray",lineHeight:1, fontSize: '16px', fontWeight: 'bold', marginBottom: '5px', }}>
                         {key}: {sliderValues[key]}
                     </Typography>
                     <Slider

server/Routes/Payment.js

@@ -12,17 +12,23 @@ router.post("/checkout", async(req, res) => {
             payment_method_types: ['card'],
             line_items: [{
                 price_data: {
-                    currency: 'usd',
+                    currency: 'inr',
                     product_data: {
                         name: 'Sample Item',
                     },
-                    unit_amount: amount    , // Convert rupees to paise (Stripe uses the smallest currency unit)
-                },
+                    unit_amount: amount * 100, // Convert rupees to paise (Stripe uses the smallest currency unit)
+                }, 
                 quantity: 1,
             }],
             mode: 'payment',
             success_url: 'http://localhost:3002/profile/home', // Redirect to this URL after successful payment
             cancel_url: 'http://localhost:3002/profile/bill',
+            billing_address_collection: 'required', // Collect billing address
+            shipping_address_collection: { allowed_countries: ['IN'] }, // Restrict shipping to India
+            metadata: {
+                customerName: "Jhon Dev", // Add customer's name
+                customerAddress: "1234", // Add customer's address
+            },
         });
 
         const payment = new Payment({

server/index.js

@@ -9,12 +9,6 @@ const payment = require("./Routes/Payment");
 const image = require("./Routes/Imagedat");
 
 const app = express();
-
-// Define the allowed origins for CORS
-const allowedOrigins = [
-  'https://regal-sunshine-279c0c.netlify.app'
-];
-
 // Middleware to handle CORS
 app.use(cors());