removing old content + db models + migrations +added projects route +…

… merged common styles into classlist and other FE fixes

app/components/classlists.tsx

@@ -1,25 +1,32 @@
-export const baseContainerWidthClassList =
-	'md:max-w-[93%] lg:max-w-[90%] 2xl:max-w-[88%] 7xl:max-w-[1700px] md:mx-auto'
-
 export const pagesContentContainerClassList =
 	'md:max-w-[93%] lg:max-w-[90%] 2xl:max-w-[88%] 7xl:max-w-[1600px] max-md:mx-3 md:mx-auto'
 
-export const carModelsContentContainerClassList = 'md:max-w-[96%] mx-auto'
-
 export const adminDetailBoxesClassList =
 	'shadow-admin-detail-box p-8 rounded-xl'
 
 export const frontendRoutesSpacingFromHeaderAndFooter =
 	'max-md:px-2 pt-16 md:pt-8 lg:pt-12 pb-24 md:pb-24 lg:pb-32'
 
-export const offersAndServicesBoxesClassList =
-	'max-sm:min-w-[85%] sm:max-lg:min-w-[45%] lg:w-1/3 p-4 bg-background rounded-xl border-2'
+export const boxInnerContentBoxProps =
+	'custom-box-in-box-sizes flex items-center mb-3 4xl:mb-4'
+
+export const boxProps =
+	'flex flex-col rounded-3xl lg:rounded-6xl pt-4 px-4 md:px-5 md:pt-6'
+export const darkBoxBgClassList = boxProps + ' bg-dark-gradient'
+export const purpleBoxBgClassList = boxProps + ' bg-purple-box-gradient'
+
+export const darkBoxInnerContentBox =
+	boxInnerContentBoxProps +
+	' bg-foreground/10 hover:bg-foreground hover:text-background cursor-pointer transition-colors duration-500 p-2 rounded-xl'
+
+export const purpleBoxInnerContentBox =
+	boxInnerContentBoxProps +
+	' bg-highlight-dark/30 hover:bg-highlight-dark transition-colors duration-500 p-2 cursor-pointer rounded-xl'
 
-export const offersAndServicesContainerClassList =
-	'md:max-w-[88%] lg:max-w-[85%] 2xl:max-w-[83%] 6xl:max-w-[1400px] max-md:mx-3 md:mx-auto'
+export const innerContentBoxTexts =
+	'no-scrollbar overflow-scroll whitespace-nowrap'
 
-export const destructiveModalWrapperClassList =
-	'absolute left-1/2 top-20 z-3001 w-full max-w-1/3 -translate-x-1/2 rounded-xl border-4 border-destructive bg-white p-4'
+export const boxInnerContentBoxInnerBox =
+	'custom-box-in-box-in-box-sizes rounded-lg-to-xl bg-cover bg-contain'
 
-export const deactivateModalWrapperClassList =
-	'absolute left-1/2 top-20 z-3001 w-full max-w-1/3 -translate-x-1/2 rounded-xl border-4 border-destructive/80 bg-white p-4'
+export const bigBoxTitle = 'capitalize text-center text-2xl font-semibold mb-6'