[V0_FILE]java:file="com/landing_page/view/TraditionalPage.java" isMerged="true" package com.landing_page.view; import javafx.application.Platform; import javafx.concurrent.Task; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.*; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.*; import javafx.scene.paint.Color; import javafx.scene.text.Font; import javafx.stage.Stage; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import java.util.ArrayList; import java.util.List; import java.util.regex.Matcher; import java.util.regex.Pattern; // Import CartPage for navigation import com.landing_page.view.CartPage; public class TraditionalPage { private VBox wardrobeContainer; private ProgressIndicator loadingIndicator; private List traditionalWardrobes = new ArrayList<>(); public void initialize(Stage stage) { // CSS Styling String css = """ .root { -fx-background-color: linear-gradient(to bottom, #8e44ad, #9b59b6); -fx-font-family: 'Segoe UI', Arial, sans-serif; } .traditional-header { -fx-font-size: 32px; -fx-font-weight: bold; -fx-text-fill: white; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 5, 0, 0, 2); } .traditional-subtitle { -fx-font-size: 16px; -fx-text-fill: rgba(255,255,255,0.9); } .wardrobe-card { -fx-background-color: white; -fx-background-radius: 15; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 12, 0, 0, 4); -fx-padding: 20; } .wardrobe-title { -fx-font-size: 20px; -fx-font-weight: bold; -fx-text-fill: #2c3e50; } .wardrobe-detail { -fx-font-size: 14px; -fx-text-fill: #6c757d; } .price-label { -fx-font-size: 18px; -fx-font-weight: bold; -fx-text-fill: #8e44ad; } .back-button { -fx-background-color: rgba(255,255,255,0.2); -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-border-color: white; -fx-border-radius: 8; } .back-button:hover { -fx-background-color: rgba(255,255,255,0.3); } .go-to-cart-button { -fx-background-color: #4CAF50; /* Green color for cart button */ -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 5, 0, 0, 2); } .go-to-cart-button:hover { -fx-background-color: #45a049; } .traditional-badge { -fx-background-color: #8e44ad; -fx-text-fill: white; -fx-background-radius: 15; -fx-padding: 5 12; -fx-font-size: 12px; -fx-font-weight: bold; } .rent-button { -fx-background-color: #8e44ad; -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 10 20; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; } .rent-button:hover { -fx-background-color: #7d3c9b; } """; // Background with traditional theme Image bg = new Image("https://images.unsplash.com/photo-1589909632350-277554649662?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80"); BackgroundImage bgImage = new BackgroundImage( bg, BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, new BackgroundSize(BackgroundSize.AUTO, BackgroundSize.AUTO, false, false, true, true) ); // Header with traditional theme Label headerLabel = new Label("🪷 Traditional Collection"); headerLabel.getStyleClass().add("traditional-header"); Label subtitleLabel = new Label("Embrace elegance with our exquisite traditional wear"); subtitleLabel.getStyleClass().add("traditional-subtitle"); VBox headerBox = new VBox(10, headerLabel, subtitleLabel); headerBox.setAlignment(Pos.CENTER); headerBox.setPadding(new Insets(30, 20, 20, 20)); headerBox.setStyle("-fx-background-color: rgba(0,0,0,0.6); -fx-background-radius: 15;"); // Back button Button backBtn = new Button("← Back to Home"); backBtn.getStyleClass().add("back-button"); backBtn.setOnAction(e -> new LandingPage().initialize(stage)); // Go to Cart button Button goToCartBtn = new Button("Go to Cart 🛒"); goToCartBtn.getStyleClass().add("go-to-cart-button"); // Set action to navigate to CartPage goToCartBtn.setOnAction(e -> new CartPage().initialize(stage)); // HBox to hold both buttons HBox buttonContainer = new HBox(20); // 20 is the spacing between buttons buttonContainer.setAlignment(Pos.CENTER); buttonContainer.getChildren().addAll(backBtn, goToCartBtn); // Wardrobe container wardrobeContainer = new VBox(20); wardrobeContainer.setPadding(new Insets(20)); wardrobeContainer.setAlignment(Pos.CENTER); // Loading indicator loadingIndicator = new ProgressIndicator(); loadingIndicator.setVisible(false); loadingIndicator.setMaxSize(60, 60); loadingIndicator.setStyle("-fx-progress-color: white;"); // Main layout with overlay background VBox overlayContent = new VBox(20); // Add the new buttonContainer instead of just backBtn overlayContent.getChildren().addAll(headerBox, buttonContainer, wardrobeContainer); overlayContent.setPadding(new Insets(20)); overlayContent.setAlignment(Pos.TOP_CENTER); overlayContent.setStyle("-fx-background-color: rgba(142,68,173,0.1);"); // Purple overlay ScrollPane scrollPane = new ScrollPane(overlayContent); scrollPane.setFitToWidth(true); scrollPane.setStyle("-fx-background-color: transparent;"); StackPane root = new StackPane(); root.setBackground(new Background(bgImage)); root.getChildren().addAll(scrollPane, loadingIndicator); Scene scene = new Scene(root, 1200, 800); scene.getStylesheets().add("data:text/css;base64," + java.util.Base64.getEncoder().encodeToString(css.getBytes())); stage.setTitle("Traditional Collection - WearShare"); stage.setScene(scene); stage.show(); // Load traditional wardrobes loadTraditionalWardrobes(); } private void loadTraditionalWardrobes() { Task> loadTask = new Task>() { @Override protected List call() throws Exception { return fetchTraditionalWardrobesFromFirestore(); } @Override protected void succeeded() { Platform.runLater(() -> { loadingIndicator.setVisible(false); traditionalWardrobes = getValue(); displayTraditionalWardrobes(); }); } @Override protected void failed() { Platform.runLater(() -> { loadingIndicator.setVisible(false); showError("Failed to load traditional wardrobes: " + getException().getMessage()); }); } }; loadingIndicator.setVisible(true); new Thread(loadTask).start(); } private List fetchTraditionalWardrobesFromFirestore() throws IOException { // Using your existing Firestore collection "wardrobes" String firestoreUrl = "https://firestore.googleapis.com/v1/projects/wearshare-1e1ee/databases/(default)/documents/wardrobes"; HttpURLConnection conn = (HttpURLConnection) new URL(firestoreUrl).openConnection(); conn.setRequestMethod("GET"); conn.setRequestProperty("Content-Type", "application/json"); int responseCode = conn.getResponseCode(); if (responseCode != 200) { throw new IOException("Failed to fetch wardrobes: HTTP " + responseCode); } StringBuilder response = new StringBuilder(); try (BufferedReader reader = new BufferedReader(new InputStreamReader(conn.getInputStream()))) { String line; while ((line = reader.readLine()) != null) { response.append(line); } } return parseTraditionalWardrobesFromJson(response.toString()); } private List parseTraditionalWardrobesFromJson(String json) { List traditionalItems = new ArrayList<>(); try { Pattern documentPattern = Pattern.compile("\"documents\":\\s*\\[(.*?)\\]", Pattern.DOTALL); Matcher documentMatcher = documentPattern.matcher(json); if (documentMatcher.find()) { String documentsContent = documentMatcher.group(1); String[] documents = documentsContent.split("\\},\\s*\\{"); for (String doc : documents) { WardrobeItem item = new WardrobeItem(); item.title = extractStringValue(doc, "title"); item.description = extractStringValue(doc, "description"); item.type = extractStringValue(doc, "type"); item.size = extractStringValue(doc, "size"); item.price = extractStringValue(doc, "price"); item.contact = extractStringValue(doc, "contact"); item.imageUrl = extractStringValue(doc, "imageUrl"); // Only add traditional items if ("Traditional".equalsIgnoreCase(item.type)) { traditionalItems.add(item); } } } } catch (Exception e) { System.err.println("Error parsing JSON: " + e.getMessage()); e.printStackTrace(); } return traditionalItems; } private String extractStringValue(String json, String fieldName) { Pattern pattern = Pattern.compile("\"" + fieldName + "\":\\s*\\{\\s*\"stringValue\":\\s*\"([^\"]*?)\""); Matcher matcher = pattern.matcher(json); return matcher.find() ? matcher.group(1) : ""; } private void displayTraditionalWardrobes() { wardrobeContainer.getChildren().clear(); if (traditionalWardrobes.isEmpty()) { VBox emptyState = createEmptyState(); wardrobeContainer.getChildren().add(emptyState); return; } // Header with count Label countLabel = new Label("✨ Found " + traditionalWardrobes.size() + " beautiful traditional outfits"); countLabel.setStyle("-fx-font-size: 18px; -fx-text-fill: white; -fx-font-weight: bold; -fx-background-color: rgba(0,0,0,0.5); -fx-background-radius: 10; -fx-padding: 10 20;"); wardrobeContainer.getChildren().add(countLabel); // Create grid layout for traditional items FlowPane gridPane = new FlowPane(); gridPane.setHgap(25); gridPane.setVgap(25); gridPane.setAlignment(Pos.CENTER); gridPane.setPrefWrapLength(1100); for (WardrobeItem item : traditionalWardrobes) { VBox card = createTraditionalCard(item); gridPane.getChildren().add(card); } wardrobeContainer.getChildren().add(gridPane); } private VBox createEmptyState() { VBox emptyBox = new VBox(15); emptyBox.setAlignment(Pos.CENTER); emptyBox.setPadding(new Insets(50)); emptyBox.setStyle("-fx-background-color: rgba(255,255,255,0.9); -fx-background-radius: 15;"); Label emptyIcon = new Label("🪷"); emptyIcon.setStyle("-fx-font-size: 48px;"); Label emptyTitle = new Label("No Traditional Outfits Yet"); emptyTitle.setStyle("-fx-font-size: 24px; -fx-font-weight: bold; -fx-text-fill: #2c3e50;"); Label emptyMessage = new Label("Be the first to share your beautiful traditional outfits!"); emptyMessage.setStyle("-fx-font-size: 16px; -fx-text-fill: #6c757d;"); Button shareBtn = new Button("Share Traditional Outfit"); shareBtn.setStyle("-fx-background-color: #8e44ad; -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold;"); shareBtn.setOnAction(e -> { try { Stage currentStage = (Stage) shareBtn.getScene().getWindow(); new ShareWardrobePage().start(currentStage); } catch (Exception ex) { ex.printStackTrace(); } }); emptyBox.getChildren().addAll(emptyIcon, emptyTitle, emptyMessage, shareBtn); return emptyBox; } private VBox createTraditionalCard(WardrobeItem item) { VBox card = new VBox(15); card.getStyleClass().add("wardrobe-card"); card.setPrefWidth(320); card.setMaxWidth(320); // Traditional badge and title HBox titleBox = new HBox(10); titleBox.setAlignment(Pos.CENTER_LEFT); Label traditionalBadge = new Label("🪷 Traditional"); traditionalBadge.getStyleClass().add("traditional-badge"); Label titleLabel = new Label(item.title); titleLabel.getStyleClass().add("wardrobe-title"); titleLabel.setWrapText(true); titleBox.getChildren().addAll(traditionalBadge, titleLabel); // Image with traditional styling ImageView imageView = new ImageView(); imageView.setFitWidth(280); imageView.setFitHeight(200); imageView.setPreserveRatio(true); imageView.setStyle("-fx-background-color: #f8f9fa; -fx-background-radius: 10; -fx-effect: dropshadow(gaussian, rgba(142,68,173,0.3), 5, 0, 0, 2);"); if (!item.imageUrl.isEmpty()) { Task imageTask = new Task() { @Override protected Image call() throws Exception { return new Image(item.imageUrl, true); } @Override protected void succeeded() { Platform.runLater(() -> imageView.setImage(getValue())); } @Override protected void failed() { Platform.runLater(() -> { // Set a default traditional image Image defaultImg = new Image("https://via.placeholder.com/280x200/8e44ad/ffffff?text=Traditional+Outfit"); imageView.setImage(defaultImg); }); } }; new Thread(imageTask).start(); } else { // Default traditional placeholder Image defaultImg = new Image("https://via.placeholder.com/280x200/8e44ad/ffffff?text=Traditional+Outfit"); imageView.setImage(defaultImg); } // Details with traditional theme HBox detailsBox = new HBox(20); detailsBox.setAlignment(Pos.CENTER_LEFT); VBox leftDetails = new VBox(5); Label sizeLabel = new Label("👗 Size: " + item.size); sizeLabel.getStyleClass().add("wardrobe-detail"); Label contactLabel = new Label("📞 " + item.contact); contactLabel.getStyleClass().add("wardrobe-detail"); leftDetails.getChildren().addAll(sizeLabel, contactLabel); VBox rightDetails = new VBox(5); rightDetails.setAlignment(Pos.CENTER_RIGHT); Label priceLabel = new Label("₹" + item.price + "/day"); priceLabel.getStyleClass().add("price-label"); rightDetails.getChildren().add(priceLabel); detailsBox.getChildren().addAll(leftDetails, rightDetails); // Description TextArea descArea = new TextArea(item.description); descArea.setEditable(false); descArea.setPrefRowCount(2); descArea.setWrapText(true); descArea.getStyleClass().add("wardrobe-detail"); descArea.setMaxHeight(60); descArea.setStyle("-fx-background-color: #f8f9fa; -fx-background-radius: 5;"); // Rent button with traditional theme Button rentBtn = new Button("🪷 Rent for Traditional"); rentBtn.getStyleClass().add("rent-button"); rentBtn.setMaxWidth(Double.MAX_VALUE); rentBtn.setOnAction(e -> { Alert alert = new Alert(Alert.AlertType.INFORMATION); alert.setTitle("Traditional Outfit Rental"); alert.setHeaderText("Contact for Traditional Rental"); alert.setContentText("Please contact " + item.contact + " to rent this beautiful traditional outfit:\n\n" + "Outfit: " + item.title + "\n" + "Price: ₹" + item.price + "/day\n" + "Size: " + item.size); alert.showAndWait(); }); card.getChildren().addAll(titleBox, imageView, detailsBox, descArea, rentBtn); return card; } private void showError(String message) { Alert alert = new Alert(Alert.AlertType.ERROR); alert.setTitle("Error"); alert.setHeaderText("Failed to Load Traditional Collection"); alert.setContentText(message); alert.showAndWait(); } // Data class for wardrobe items private static class WardrobeItem { String title = ""; String description = ""; String type = ""; String size = ""; String price = ""; String contact = ""; String imageUrl = ""; } } [V0_FILE]typescriptreact:file="com/landing_page/view/LandingPage.java" isEdit="true" isQuickEdit="true" isMerged="true" package com.landing_page.view; import javafx.animation.*; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.*; import javafx.scene.effect.DropShadow; import javafx.scene.effect.GaussianBlur; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.*; import javafx.scene.paint.Color; import javafx.scene.paint.LinearGradient; import javafx.scene.paint.Stop; import javafx.scene.paint.CycleMethod; import javafx.scene.text.Font; import javafx.stage.Stage; import javafx.util.Duration; public class LandingPage { public void initialize(Stage stage) { // Enhanced CSS styling String css = """ .root { -fx-font-family: 'Segoe UI', 'Roboto', Arial, sans-serif; } .nav-button { -fx-background-color: transparent; -fx-text-fill: white; -fx-border-color: rgba(255,255,255,0.6); -fx-border-radius: 8; -fx-background-radius: 8; -fx-font-size: 13px; -fx-padding: 8 16; -fx-cursor: hand; -fx-font-weight: 500; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 3, 0, 0, 1); } .nav-button:hover { -fx-background-color: rgba(255,255,255,0.15); -fx-border-color: white; -fx-scale-x: 1.05; -fx-scale-y: 1.05; } .search-field { -fx-background-radius: 25; -fx-border-radius: 25; -fx-padding: 12 20; -fx-font-size: 14px; -fx-background-color: rgba(255,255,255,0.9); -fx-border-color: transparent; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 0, 2); } .search-field:focused { -fx-background-color: white; -fx-effect: dropshadow(gaussian, rgba(0,123,255,0.3), 8, 0, 0, 2); } .main-title { -fx-font-size: 48px; -fx-font-weight: bold; -fx-text-fill: white; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.5), 8, 0, 0, 3); } .subtitle { -fx-font-size: 20px; -fx-text-fill: rgba(255,255,255,0.9); -fx-font-weight: 300; } .category-title { -fx-font-size: 28px; -fx-font-weight: bold; -fx-text-fill: white; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.4), 5, 0, 0, 2); } .category-button { -fx-background-color: white; -fx-background-radius: 15; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 12, 0, 0, 6); -fx-cursor: hand; } .category-button:hover { -fx-scale-x: 1.05; -fx-scale-y: 1.05; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 15, 0, 0, 8); } .category-label { -fx-text-fill: #2c3e50; -fx-font-size: 16px; -fx-font-weight: bold; } .stats-card { -fx-background-color: rgba(255,255,255,0.15); -fx-background-radius: 12; -fx-padding: 20; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 8, 0, 0, 2); } .stats-number { -fx-font-size: 24px; -fx-font-weight: bold; -fx-text-fill: white; } .stats-label { -fx-font-size: 14px; -fx-text-fill: rgba(255,255,255,0.8); } .about-us-button { -fx-background-color: rgba(255,255,255,0.2); -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-border-color: white; -fx-border-radius: 8; } .about-us-button:hover { -fx-background-color: rgba(255,255,255,0.3); } """; // Enhanced background with gradient overlay Image bg = new Image("https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80"); BackgroundImage bgImage = new BackgroundImage( bg, BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, new BackgroundSize(BackgroundSize.AUTO, BackgroundSize.AUTO, false, false, true, true) ); // Enhanced Navigation Bar HBox navBar = createEnhancedNavBar(stage); // Enhanced Header Section VBox headerBox = createEnhancedHeader(); // Stats Section HBox statsSection = createStatsSection(); // Enhanced Category Section VBox categoryBox = createEnhancedCategorySection(stage); // Features Section HBox featuresSection = createFeaturesSection(); // About Us Button Button aboutUsBtn = new Button("About Us"); aboutUsBtn.getStyleClass().add("about-us-button"); addHoverAnimation(aboutUsBtn); aboutUsBtn.setOnAction(e -> new AboutUsPage().initialize(stage)); HBox aboutUsContainer = new HBox(aboutUsBtn); aboutUsContainer.setAlignment(Pos.CENTER); aboutUsContainer.setPadding(new Insets(20, 0, 20, 0)); // Padding for spacing at the bottom // Main Content Layout VBox contentBox = new VBox(40); contentBox.getChildren().addAll(navBar, headerBox, statsSection, categoryBox, featuresSection, aboutUsContainer); // Added aboutUsContainer contentBox.setPadding(new Insets(30)); // Add gradient overlay Region overlay = new Region(); overlay.setStyle("-fx-background-color: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1));"); StackPane backgroundStack = new StackPane(); backgroundStack.setBackground(new Background(bgImage)); backgroundStack.getChildren().addAll(overlay, contentBox); ScrollPane scrollPane = new ScrollPane(backgroundStack); scrollPane.setFitToWidth(true); scrollPane.setStyle("-fx-background-color: transparent;"); scrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER); Scene scene = new Scene(scrollPane, 1200, 800); scene.getStylesheets().add("data:text/css;base64," + java.util.Base64.getEncoder().encodeToString(css.getBytes())); stage.setTitle("WearShare - Landing Page"); stage.setScene(scene); stage.setMinWidth(900); stage.setMinHeight(600); stage.show(); // Add entrance animations addEntranceAnimations(navBar, headerBox, statsSection, categoryBox, featuresSection, aboutUsContainer); // Added aboutUsContainer to animations } private HBox createEnhancedNavBar(Stage stage) { HBox navBar = new HBox(20); navBar.setPadding(new Insets(20, 40, 20, 40)); navBar.setAlignment(Pos.CENTER); navBar.setStyle("-fx-background-color: rgba(0, 0, 0, 0.8); -fx-background-radius: 15;"); // Logo section Label logo = new Label("👗 WearShare"); logo.setStyle("-fx-font-size: 20px; -fx-font-weight: bold; -fx-text-fill: white;"); // Navigation buttons Button profileBtn = new Button("👤 Profile"); Button locationBtn = new Button("📍 Location"); Button dateBtn = new Button("📅 Dates"); Button cartBtn = new Button("🛒 Cart"); Button shareBtn = new Button("✨ Share Wardrobe"); for (Button btn : new Button[]{profileBtn, locationBtn, dateBtn, cartBtn, shareBtn}) { btn.getStyleClass().add("nav-button"); addHoverAnimation(btn); } // Enhanced search field TextField searchField = new TextField(); searchField.setPromptText("🔍 Search for outfits..."); searchField.setPrefWidth(320); searchField.getStyleClass().add("search-field"); // Spacer Region spacer = new Region(); HBox.setHgrow(spacer, Priority.ALWAYS); navBar.getChildren().addAll(logo, spacer, profileBtn, locationBtn, dateBtn, searchField, cartBtn, shareBtn); // Event handlers (maintaining original functionality) cartBtn.setOnAction(e -> new CartPage().initialize(stage)); locationBtn.setOnAction(e -> new LocationPage().initialize(stage)); profileBtn.setOnAction(e -> new ProfilePage().initialize(stage)); shareBtn.setOnAction(e -> { try { new ShareWardrobePage().start(stage); } catch (Exception ex) { ex.printStackTrace(); } }); // Date picker functionality dateBtn.setOnAction(e -> { Stage dateStage = new Stage(); VBox box = new VBox(15); box.setPadding(new Insets(20)); box.setAlignment(Pos.CENTER); box.setStyle("-fx-background-color: white; -fx-background-radius: 10;"); Label lbl = new Label("Select a Date:"); lbl.setFont(Font.font("Arial", 16)); lbl.setStyle("-fx-text-fill: #2c3e50; -fx-font-weight: bold;"); DatePicker datePicker = new DatePicker(); datePicker.setStyle("-fx-font-size: 14px;"); Button okBtn = new Button("✓ Confirm"); okBtn.setStyle("-fx-background-color: #007bff; -fx-text-fill: white; -fx-background-radius: 6; -fx-padding: 8 16; -fx-font-weight: bold;"); okBtn.setOnAction(ev -> { System.out.println("Selected date: " + datePicker.getValue()); dateStage.close(); }); box.getChildren().addAll(lbl, datePicker, okBtn); Scene scene1 = new Scene(box, 300, 200); dateStage.setScene(scene1); dateStage.setTitle("Choose Date"); dateStage.show(); }); return navBar; } private VBox createEnhancedHeader() { Label tagline = new Label("WELCOME TO WEARSHARE"); tagline.getStyleClass().add("main-title"); Label subtitle = new Label("Discover, Rent, and Share Your Style — Effortlessly."); subtitle.getStyleClass().add("subtitle"); // Add animated dots Label animatedDots = new Label("✨ ✨ ✨"); animatedDots.setStyle("-fx-font-size: 20px; -fx-text-fill: white;"); // Rotate animation for dots RotateTransition rotateTransition = new RotateTransition(Duration.seconds(3), animatedDots); rotateTransition.setByAngle(360); rotateTransition.setCycleCount(Timeline.INDEFINITE); rotateTransition.play(); VBox headerBox = new VBox(15, tagline, subtitle, animatedDots); headerBox.setAlignment(Pos.CENTER); headerBox.setPadding(new Insets(40, 20, 40, 20)); headerBox.setStyle("-fx-background-color: rgba(255,255,255,0.1); -fx-background-radius: 20; -fx-border-color: rgba(255,255,255,0.2); -fx-border-radius: 20; -fx-border-width: 1;"); return headerBox; } private HBox createStatsSection() { VBox usersCard = createStatsCard("1000+", "Happy Users", "👥"); VBox outfitsCard = createStatsCard("5000+", "Outfits Shared", "👗"); VBox citiesCard = createStatsCard("50+", "Cities Covered", "🏙️"); VBox ratingsCard = createStatsCard("4.8★", "User Rating", "⭐"); HBox statsSection = new HBox(30, usersCard, outfitsCard, citiesCard, ratingsCard); statsSection.setAlignment(Pos.CENTER); statsSection.setPadding(new Insets(20)); return statsSection; } private VBox createStatsCard(String number, String label, String icon) { Label iconLabel = new Label(icon); iconLabel.setStyle("-fx-font-size: 30px;"); Label numberLabel = new Label(number); numberLabel.getStyleClass().add("stats-number"); Label textLabel = new Label(label); textLabel.getStyleClass().add("stats-label"); VBox card = new VBox(8, iconLabel, numberLabel, textLabel); card.setAlignment(Pos.CENTER); card.getStyleClass().add("stats-card"); card.setPrefWidth(150); addHoverAnimation(card); return card; } private VBox createEnhancedCategorySection(Stage stage) { Label categoryLabel = new Label("✨ Explore Categories"); categoryLabel.getStyleClass().add("category-title"); Label categorySubtitle = new Label("Find the perfect outfit for every occasion"); categorySubtitle.setStyle("-fx-font-size: 16px; -fx-text-fill: rgba(255,255,255,0.8);"); HBox categoryButtons = new HBox(40, createEnhancedImageButton("asset\\images\\A heartwarming wedding photo, showcasing a happy couple exchanging vows, bathed in soft golden sunlight. The bride wears a flowing white gown, and the groom is in a classic black tuxedo. The background feat.jpg", "Wedding", "💒", "#e83e8c", stage), createEnhancedImageButton("asset\\images\\tradition cloths photo maharastra.jpg", "Traditional", "🏛️", "#fd7e14", stage), createEnhancedImageButton("asset\\images\\A photorealistic image of a boy wearing casual clothing, featuring a comfortable cotton t-shirt and jeans, shot in natural light with a shallow depth of field, using warm and inviting colors, in a candid, re.jpg", "Casual", "👕", "#20c997", stage), createEnhancedImageButton("asset/images/Couple Fit in Venice.jpg", "Formal", "🤵", "#6f42c1", stage) ); categoryButtons.setAlignment(Pos.CENTER); categoryButtons.setPadding(new Insets(20)); VBox categoryBox = new VBox(15, categoryLabel, categorySubtitle, categoryButtons); categoryBox.setAlignment(Pos.CENTER); categoryBox.setPadding(new Insets(30, 0, 30, 0)); return categoryBox; } private HBox createFeaturesSection() { VBox feature1 = createFeatureCard("🚀", "Fast Delivery", "Get your outfits delivered within 24 hours"); VBox feature2 = createFeatureCard("💰", "Best Prices", "Affordable rental prices for premium outfits"); VBox feature3 = createFeatureCard("🔒", "Secure Payment", "Safe and secure payment processing"); VBox feature4 = createFeatureCard("📞", "24/7 Support", "Round the clock customer support"); HBox featuresSection = new HBox(30, feature1, feature2, feature3, feature4); featuresSection.setAlignment(Pos.CENTER); featuresSection.setPadding(new Insets(20)); return featuresSection; } private VBox createFeatureCard(String icon, String title, String description) { Label iconLabel = new Label(icon); iconLabel.setStyle("-fx-font-size: 32px;"); Label titleLabel = new Label(title); titleLabel.setStyle("-fx-font-size: 16px; -fx-font-weight: bold; -fx-text-fill: white;"); Label descLabel = new Label(description); descLabel.setStyle("-fx-font-size: 12px; -fx-text-fill: rgba(255,255,255,0.8); -fx-text-alignment: center;"); descLabel.setWrapText(true); descLabel.setMaxWidth(180); VBox card = new VBox(10, iconLabel, titleLabel, descLabel); card.setAlignment(Pos.CENTER); card.setPadding(new Insets(20)); card.getStyleClass().add("stats-card"); card.setPrefWidth(200); addHoverAnimation(card); return card; } private Button createEnhancedImageButton(String imageUrl, String text, String icon, String accentColor, Stage stage) { Button button = new Button(); button.setPrefSize(220, 280); button.getStyleClass().add("category-button"); try { Image image = new Image(imageUrl, true); ImageView imageView = new ImageView(image); imageView.setPreserveRatio(false); imageView.setFitWidth(220); imageView.setFitHeight(200); imageView.setStyle("-fx-background-radius: 15 15 0 0;"); // Category badge Label badge = new Label(icon); badge.setStyle("-fx-background-color: " + accentColor + "; -fx-text-fill: white; -fx-background-radius: 15; -fx-padding: 5 10; -fx-font-size: 16px;"); Label label = new Label(text); label.getStyleClass().add("category-label"); label.setAlignment(Pos.CENTER); label.setMaxWidth(Double.MAX_VALUE); VBox labelBox = new VBox(8, badge, label); labelBox.setAlignment(Pos.CENTER); labelBox.setPadding(new Insets(15, 10, 15, 10)); VBox content = new VBox(imageView, labelBox); content.setAlignment(Pos.CENTER); content.setSpacing(0); button.setGraphic(content); // Add hover effect addHoverAnimation(button); // Maintain original functionality button.setOnAction(e -> { switch (text.toLowerCase()) { case "wedding": new WeddingPage().initialize(stage); break; case "traditional": new TraditionalPage().initialize(stage); break; case "casual": new CasualPage().initialize(stage); break; case "formal": new FormalPage().initialize(stage); break; } }); } catch (Exception e) { System.err.println("Error loading image: " + imageUrl); // Fallback button Label fallbackLabel = new Label(icon + "\n" + text); fallbackLabel.setStyle("-fx-font-size: 18px; -fx-text-fill: " + accentColor + "; -fx-text-alignment: center;"); button.setGraphic(fallbackLabel); } return button; } private void addHoverAnimation(Region node) { ScaleTransition scaleIn = new ScaleTransition(Duration.millis(200), node); scaleIn.setToX(1.05); scaleIn.setToY(1.05); ScaleTransition scaleOut = new ScaleTransition(Duration.millis(200), node); scaleOut.setToX(1.0); scaleOut.setToY(1.0); node.setOnMouseEntered(e -> scaleIn.play()); node.setOnMouseExited(e -> scaleOut.play()); } private void addEntranceAnimations(Region... nodes) { for (int i = 0; i < nodes.length; i++) { Region node = nodes[i]; // Initial state node.setOpacity(0); node.setTranslateY(50); // Animation FadeTransition fadeTransition = new FadeTransition(Duration.millis(800), node); fadeTransition.setFromValue(0); fadeTransition.setToValue(1); TranslateTransition translateTransition = new TranslateTransition(Duration.millis(800), node); translateTransition.setFromY(50); translateTransition.setToY(0); ParallelTransition parallelTransition = new ParallelTransition(fadeTransition, translateTransition); parallelTransition.setDelay(Duration.millis(i * 200)); parallelTransition.play(); } } } [V0_FILE]java:file="com/landing_page/view/ProfilePage.java" isQuickEdit="true" isMerged="true" import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.Label; import javafx.scene.layout.VBox; import javafx.stage.Stage; public class ProfilePage extends Application { private Stage stage; public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) { this.stage = primaryStage; initialize(primaryStage); } public void initialize(Stage primaryStage) { this.stage = primaryStage; primaryStage.setTitle("Profile Page"); VBox layout = new VBox(20); layout.setAlignment(Pos.CENTER); layout.setPadding(new Insets(20)); Label titleLabel = new Label("Welcome to Your Profile!"); titleLabel.setStyle("-fx-font-size: 24px; -fx-font-weight: bold;"); VBox buttonSection = createButtonSection(); layout.getChildren().addAll(titleLabel, buttonSection); Scene scene = new Scene(layout, 600, 400); primaryStage.setScene(scene); primaryStage.show(); } private VBox createButtonSection() { VBox buttonSection = new VBox(10); buttonSection.setAlignment(Pos.CENTER); Button loginBtn = new Button("Login"); Button signupBtn = new Button("Sign Up"); loginBtn.setOnAction(e -> { System.out.println("ProfilePage: 'Login' button clicked. Navigating to LoginPage."); LoginPage loginPage = new LoginPage(); // Pass current stage dimensions loginPage.initialize(stage, stage.getWidth(), stage.getHeight()); }); signupBtn.setOnAction(e -> { System.out.println("ProfilePage: 'Sign Up' button clicked. Navigating to SignupPage."); SignupPage signupPage = new SignupPage(); // Pass the current stage to SignupPage signupPage.setSignupStage(stage); // Use current stage dimensions for the new scene Scene signupScene = new Scene(signupPage.createScene(() -> { // Callback to return to ProfilePage after signup System.out.println("ProfilePage: Callback from SignupPage to return to ProfilePage triggered."); this.initialize(stage); // Re-initialize ProfilePage to reflect any changes or just return }, stage.getWidth(), stage.getHeight()), stage.getWidth(), stage.getHeight()); // Pass width and height to createScene and use them for Scene constructor signupPage.setSignupScene(signupScene); stage.setScene(signupScene); }); buttonSection.getChildren().addAll(loginBtn, signupBtn); return buttonSection; } public void setStage(Stage stage) { this.stage = stage; } } [V0_FILE]java:file="com/landing_page/view/AboutUsPage.java" isEdit="true" isMerged="true" package com.landing_page.view; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.Label; import javafx.scene.control.ScrollPane; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.*; import javafx.scene.paint.Color; import javafx.scene.shape.Circle; import javafx.scene.text.Font; import javafx.scene.text.FontWeight; import javafx.scene.text.TextAlignment; import javafx.stage.Stage; public class AboutUsPage { public void initialize(Stage mystage) { // Enhanced CSS Styling String css = """ .root { -fx-background-color: linear-gradient(to bottom right, #e0f7fa, #b2ebf2); /* Light blue gradient */ -fx-font-family: 'Segoe UI', 'Roboto', Arial, sans-serif; } .nav-bar { -fx-background-color: #00796b; /* Dark Teal */ -fx-padding: 10 20; -fx-alignment: center-left; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 10, 0, 0, 5); } .nav-button { -fx-background-color: transparent; -fx-text-fill: white; -fx-font-weight: bold; -fx-font-size: 14px; -fx-padding: 8 15; -fx-background-radius: 5; -fx-border-color: rgba(255,255,255,0.4); -fx-border-radius: 5; -fx-border-width: 1; -fx-cursor: hand; } .nav-button:hover { -fx-background-color: rgba(255,255,255,0.1); -fx-border-color: white; } .nav-button-active { -fx-background-color: #4db6ac; /* Lighter Teal */ -fx-text-fill: white; -fx-font-weight: bold; -fx-font-size: 14px; -fx-padding: 8 15; -fx-background-radius: 5; -fx-border-color: white; -fx-border-radius: 5; -fx-border-width: 1; } .main-card { -fx-background-color: rgba(255, 255, 255, 0.98); -fx-background-radius: 25; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 20, 0.1, 0, 10); -fx-padding: 40; -fx-spacing: 30; } .section-title { -fx-font-size: 32px; -fx-font-weight: bold; -fx-text-fill: #004d40; /* Darker Teal */ -fx-padding: 20px 0 15px 0; -fx-alignment: center; } .sub-section-title { -fx-font-size: 24px; -fx-font-weight: bold; -fx-text-fill: #00695c; /* Medium Teal */ -fx-padding: 15px 0 10px 0; -fx-alignment: center; } .person-card { -fx-background-color: white; -fx-background-radius: 15; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 10, 0, 0, 4); -fx-padding: 15; -fx-alignment: center; -fx-spacing: 10; -fx-border-color: #e0e0e0; -fx-border-radius: 15; -fx-border-width: 1; -fx-pref-width: 180; -fx-max-width: 180; } .person-card:hover { -fx-scale-x: 1.03; -fx-scale-y: 1.03; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 15, 0, 0, 6); } .person-name { -fx-font-size: 16px; -fx-font-weight: bold; -fx-text-fill: #2c3e50; } .person-role { -fx-font-size: 13px; -fx-text-fill: #6c757d; } .description-text { -fx-font-size: 17px; -fx-text-fill: #34495e; -fx-text-alignment: center; -fx-wrap-text: true; } .back-button { -fx-background-color: #00796b; -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 10 20; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 5, 0, 0, 2); } .back-button:hover { -fx-background-color: #004d40; } """; BorderPane root = new BorderPane(); root.getStyleClass().add("root"); // ===== Navigation Bar ===== HBox navBar = new HBox(20); navBar.getStyleClass().add("nav-bar"); Button homeBtn = new Button("Home"); homeBtn.getStyleClass().add("nav-button"); Button aboutUsBtn = new Button("About Us"); aboutUsBtn.getStyleClass().add("nav-button-active"); // Active state for About Us Button contactBtn = new Button("Contact"); contactBtn.getStyleClass().add("nav-button"); // Navigation actions homeBtn.setOnAction(e -> { LandingPage landingPage = new LandingPage(); landingPage.initialize(mystage); }); // contactBtn.setOnAction(e -> { // ContactPage contactPage = new ContactPage(); // contactPage.initialize(mystage); // }); aboutUsBtn.setOnAction(e -> { // Already on About Us page, no action needed or re-initialize if desired AboutUsPage aboutUsPage = new AboutUsPage(); aboutUsPage.initialize(mystage); }); navBar.getChildren().addAll(homeBtn, aboutUsBtn, contactBtn); root.setTop(navBar); // ===== Main Content Card ===== VBox mainContentCard = new VBox(); mainContentCard.getStyleClass().add("main-card"); mainContentCard.setAlignment(Pos.TOP_CENTER); mainContentCard.setMaxWidth(1200); // Adjusted max width for better appearance // Back button Button backBtn = new Button("← Back to Home"); backBtn.getStyleClass().add("back-button"); backBtn.setOnAction(e -> new LandingPage().initialize(mystage)); HBox backButtonContainer = new HBox(backBtn); backButtonContainer.setAlignment(Pos.CENTER_LEFT); backButtonContainer.setPadding(new Insets(0, 0, 20, 0)); // Padding below button // Project Description Section Label title = new Label("About Our Project"); title.getStyleClass().add("section-title"); Label projectDesc = new Label( "We, the Core2Web students, have developed a 'WearShare' using JavaFX and MySQL. " + "This helps to rent and share your outfits with a modern UI, authorized access, and legal services." ); projectDesc.getStyleClass().add("description-text"); projectDesc.setMaxWidth(800); // Our Institute Section Label classLabel = new Label("Our Institute - Core2Web"); classLabel.getStyleClass().add("sub-section-title"); HBox clasBox = new HBox(30); clasBox.setAlignment(Pos.CENTER); ImageView logo = new ImageView(new Image("https://via.placeholder.com/190x190/00796b/ffffff?text=Core2Web+Logo")); // Placeholder logo.setFitWidth(150); // Adjusted size logo.setFitHeight(150); logo.setPreserveRatio(true); logo.setClip(new Circle(75, 75, 75)); // Circular clip logo.setStyle("-fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 10, 0, 0, 5);"); Label classDesc = new Label( "Core2Web is renowned for its real-world coding sessions, dedicated mentors, " + "and hands-on project building, shaping students into job-ready professionals." ); classDesc.getStyleClass().add("description-text"); classDesc.setTextAlignment(TextAlignment.LEFT); classDesc.setMaxWidth(500); clasBox.getChildren().addAll(logo, classDesc); // Special Thanks to Shashi Sir Section Label sirLabel = new Label("Special Thanks to Shashi Sir"); sirLabel.getStyleClass().add("sub-section-title"); HBox sirBox = new HBox(30); sirBox.setAlignment(Pos.CENTER); ImageView sirImage = new ImageView(new Image("https://via.placeholder.com/200x200/00796b/ffffff?text=Shashi+Sir")); // Placeholder sirImage.setFitWidth(180); // Adjusted size sirImage.setFitHeight(180); sirImage.setPreserveRatio(true); sirImage.setClip(new Circle(90, 90, 90)); // Circular clip sirImage.setStyle("-fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 10, 0, 0, 5);"); Label sirDesc = new Label( "I extend my heartfelt gratitude to Shashi Sir for his exceptional teaching approach, " + "which has made learning both easier and enjoyable. The practical sessions and projects " + "from the Core2Web team have significantly boosted my confidence." ); sirDesc.getStyleClass().add("description-text"); sirDesc.setTextAlignment(TextAlignment.LEFT); sirDesc.setMaxWidth(500); sirBox.getChildren().addAll(sirImage, sirDesc); // Project Mentors Section Label mentorLabel = new Label("Project Mentors"); mentorLabel.getStyleClass().add("sub-section-title"); FlowPane mentorsContainer = new FlowPane(20, 20); // Hgap, Vgap mentorsContainer.setAlignment(Pos.CENTER); mentorsContainer.getChildren().addAll( createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Sachin+Sir", "Sachin Sir", "Lead Mentor"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Pramod+Sir", "Pramod Sir", "Technical Mentor"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Shiv+Sir", "Shiv Sir", "Code Reviewer"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Subodh+Sir", "Subodh Sir", "Database Expert"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Akshay+Sir", "Akshay Sir", "UI/UX Advisor") ); Label mentorDesc = new Label("Guided us throughout the project with strong technical support and mentorship."); mentorDesc.getStyleClass().add("description-text"); mentorDesc.setMaxWidth(800); // Team Leader Section Label teamLeadLabel = new Label("Our Visionary Team Leader"); teamLeadLabel.getStyleClass().add("sub-section-title"); HBox teamLeaderContainer = new HBox(30); teamLeaderContainer.setAlignment(Pos.CENTER); teamLeaderContainer.getChildren().add( createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Vedant+Mahajan", "Vedant Mahajan", "Project Lead") ); Label teamLeaderDesc = new Label( "Vedant Mahajan led us through the development of the WearShare with clear vision and dedication." ); teamLeaderDesc.getStyleClass().add("description-text"); teamLeaderDesc.setMaxWidth(800); // Our Dedicated Team Section Label teamLabel = new Label("Our Dedicated Team Members"); teamLabel.getStyleClass().add("sub-section-title"); FlowPane teamMembersContainer = new FlowPane(20, 20); // Hgap, Vgap teamMembersContainer.setAlignment(Pos.CENTER); teamMembersContainer.getChildren().addAll( createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Prasad+Kumbhar", "Prasad Kumbhar", "Frontend Developer"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Ashitosh+More", "Ashitosh More", "Backend Developer"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Vaibhav+Dixit", "Vaibhav Dixit", "Database Specialist"), createPersonCard("https://via.placeholder.com/150/00897b/ffffff?text=Sahil+Sansole", "Sahil Sansole", "QA Engineer") ); mainContentCard.getChildren().addAll( backButtonContainer, title, projectDesc, classLabel, clasBox, sirLabel, sirBox, mentorLabel, mentorsContainer, mentorDesc, teamLeadLabel, teamLeaderContainer, teamLeaderDesc, teamLabel, teamMembersContainer ); ScrollPane scrollPane = new ScrollPane(mainContentCard); scrollPane.setFitToWidth(true); scrollPane.setStyle("-fx-background-color: transparent;"); scrollPane.setVbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED); scrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER); StackPane contentHolder = new StackPane(scrollPane); contentHolder.setPadding(new Insets(15)); root.setCenter(contentHolder); Scene scene = new Scene(root, mystage.getWidth(), mystage.getHeight()); // Use current stage dimensions scene.getStylesheets().add("data:text/css;base64," + java.util.Base64.getEncoder().encodeToString(css.getBytes())); mystage.setTitle("About Us - WearShare"); mystage.setScene(scene); mystage.show(); } private VBox createPersonCard(String imageUrl, String name, String role) { ImageView imageView = new ImageView(); imageView.setFitWidth(100); imageView.setFitHeight(100); imageView.setPreserveRatio(true); imageView.setClip(new Circle(50, 50, 50)); // Circular image Image image = new Image(imageUrl, true); imageView.setImage(image); Label nameLabel = new Label(name); nameLabel.getStyleClass().add("person-name"); Label roleLabel = new Label(role); roleLabel.getStyleClass().add("person-role"); VBox card = new VBox(5, imageView, nameLabel, roleLabel); card.getStyleClass().add("person-card"); return card; } } [V0_FILE]typescriptreact:file="com/landing_page/view/WeddingPage.java" isEdit="true" isQuickEdit="true" package com.landing_page.view; import javafx.application.Platform; import javafx.concurrent.Task; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.*; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.*; import javafx.scene.paint.Color; import javafx.scene.text.Font; import javafx.stage.Stage; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import java.util.ArrayList; import java.util.List; import java.util.regex.Matcher; import java.util.regex.Pattern; // Import CartPage for navigation import com.landing_page.view.CartPage; public class WeddingPage { private VBox wardrobeContainer; private ProgressIndicator loadingIndicator; private List weddingWardrobes = new ArrayList<>(); public void initialize(Stage stage) { // CSS Styling String css = """ .root { -fx-background-color: linear-gradient(to bottom, #ff6b9d, #c44569); -fx-font-family: 'Segoe UI', Arial, sans-serif; } .wedding-header { -fx-font-size: 32px; -fx-font-weight: bold; -fx-text-fill: white; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 5, 0, 0, 2); } .wedding-subtitle { -fx-font-size: 16px; -fx-text-fill: rgba(255,255,255,0.9); } .wardrobe-card { -fx-background-color: white; -fx-background-radius: 15; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 12, 0, 0, 4); -fx-padding: 20; } .wardrobe-title { -fx-font-size: 20px; -fx-font-weight: bold; -fx-text-fill: #2c3e50; } .wardrobe-detail { -fx-font-size: 14px; -fx-text-fill: #6c757d; } .price-label { -fx-font-size: 18px; -fx-font-weight: bold; -fx-text-fill: #e83e8c; } .back-button { -fx-background-color: rgba(255,255,255,0.2); -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-border-color: white; -fx-border-radius: 8; } .back-button:hover { -fx-background-color: rgba(255,255,255,0.3); } .go-to-cart-button { -fx-background-color: #4CAF50; /* Green color for cart button */ -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 5, 0, 0, 2); } .go-to-cart-button:hover { -fx-background-color: #45a049; } .wedding-badge { -fx-background-color: #e83e8c; -fx-text-fill: white; -fx-background-radius: 15; -fx-padding: 5 12; -fx-font-size: 12px; -fx-font-weight: bold; } .rent-button { -fx-background-color: #e83e8c; -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 10 20; -fx-font-size: 14px; -fx-font-weight: bold; -fx-cursor: hand; } .rent-button:hover { -fx-background-color: #c7336b; } """; // Background with wedding theme Image bg = new Image("https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80"); BackgroundImage bgImage = new BackgroundImage( bg, BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, new BackgroundSize(BackgroundSize.AUTO, BackgroundSize.AUTO, false, false, true, true) ); // Header with wedding theme Label headerLabel = new Label("💒 Wedding Collection"); headerLabel.getStyleClass().add("wedding-header"); Label subtitleLabel = new Label("Discover stunning wedding outfits for your special day"); subtitleLabel.getStyleClass().add("wedding-subtitle"); VBox headerBox = new VBox(10, headerLabel, subtitleLabel); headerBox.setAlignment(Pos.CENTER); headerBox.setPadding(new Insets(30, 20, 20, 20)); headerBox.setStyle("-fx-background-color: rgba(0,0,0,0.6); -fx-background-radius: 15;"); // Back button Button backBtn = new Button("← Back to Home"); backBtn.getStyleClass().add("back-button"); backBtn.setOnAction(e -> new LandingPage().initialize(stage)); // Go to Cart button Button goToCartBtn = new Button("Go to Cart 🛒"); goToCartBtn.getStyleClass().add("go-to-cart-button"); // Set action to navigate to CartPage goToCartBtn.setOnAction(e -> new CartPage().initialize(stage)); // HBox to hold both buttons HBox buttonContainer = new HBox(20); // 20 is the spacing between buttons buttonContainer.setAlignment(Pos.CENTER); buttonContainer.getChildren().addAll(backBtn, goToCartBtn); // Wardrobe container wardrobeContainer = new VBox(20); wardrobeContainer.setPadding(new Insets(20)); wardrobeContainer.setAlignment(Pos.CENTER); // Loading indicator loadingIndicator = new ProgressIndicator(); loadingIndicator.setVisible(false); loadingIndicator.setMaxSize(60, 60); loadingIndicator.setStyle("-fx-progress-color: white;"); // Main layout with overlay background VBox overlayContent = new VBox(20); // Add the new buttonContainer instead of just backBtn overlayContent.getChildren().addAll(headerBox, buttonContainer, wardrobeContainer); overlayContent.setPadding(new Insets(20)); overlayContent.setAlignment(Pos.TOP_CENTER); overlayContent.setStyle("-fx-background-color: rgba(255,107,157,0.1);"); // Pink overlay ScrollPane scrollPane = new ScrollPane(overlayContent); scrollPane.setFitToWidth(true); scrollPane.setStyle("-fx-background-color: transparent;"); // Add gradient overlay Region overlay = new Region(); overlay.setStyle("-fx-background-color: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1));"); StackPane backgroundStack = new StackPane(); backgroundStack.setBackground(new Background(bgImage)); backgroundStack.getChildren().addAll(overlay, scrollPane); StackPane root = new StackPane(); root.getChildren().addAll(backgroundStack, loadingIndicator); Scene scene = new Scene(root, 1200, 800); scene.getStylesheets().add("data:text/css;base64," + java.util.Base64.getEncoder().encodeToString(css.getBytes())); stage.setTitle("Wedding Collection - WearShare"); stage.setScene(scene); stage.show(); // Load wedding wardrobes loadWeddingWardrobes(); } private void loadWeddingWardrobes() { Task> loadTask = new Task>() { @Override protected List call() throws Exception { return fetchWeddingWardrobesFromFirestore(); } @Override protected void succeeded() { Platform.runLater(() -> { loadingIndicator.setVisible(false); weddingWardrobes = getValue(); displayWeddingWardrobes(); }); } @Override protected void failed() { Platform.runLater(() -> { loadingIndicator.setVisible(false); showError("Failed to load wedding wardrobes: " + getException().getMessage()); }); } }; loadingIndicator.setVisible(true); new Thread(loadTask).start(); } private List fetchWeddingWardrobesFromFirestore() throws IOException { // Using your existing Firestore collection "wardrobes" String firestoreUrl = "https://firestore.googleapis.com/v1/projects/wearshare-1e1ee/databases/(default)/documents/wardrobes"; HttpURLConnection conn = (HttpURLConnection) new URL(firestoreUrl).openConnection(); conn.setRequestMethod("GET"); conn.setRequestProperty("Content-Type", "application/json"); int responseCode = conn.getResponseCode(); if (responseCode != 200) { throw new IOException("Failed to fetch wardrobes: HTTP " + responseCode); } StringBuilder response = new StringBuilder(); try (BufferedReader reader = new BufferedReader(new InputStreamReader(conn.getInputStream()))) { String line; while ((line = reader.readLine()) != null) { response.append(line); } } return parseWeddingWardrobesFromJson(response.toString()); } private List parseWeddingWardrobesFromJson(String json) { List weddingItems = new ArrayList<>(); try { Pattern documentPattern = Pattern.compile("\"documents\":\\s*\\[(.*?)\\]", Pattern.DOTALL); Matcher documentMatcher = documentPattern.matcher(json); if (documentMatcher.find()) { String documentsContent = documentMatcher.group(1); String[] documents = documentsContent.split("\\},\\s*\\{"); for (String doc : documents) { WardrobeItem item = new WardrobeItem(); item.title = extractStringValue(doc, "title"); item.description = extractStringValue(doc, "description"); item.type = extractStringValue(doc, "type"); item.size = extractStringValue(doc, "size"); item.price = extractStringValue(doc, "price"); item.contact = extractStringValue(doc, "contact"); item.imageUrl = extractStringValue(doc, "imageUrl"); // Only add wedding items if ("Wedding".equalsIgnoreCase(item.type)) { weddingItems.add(item); } } } } catch (Exception e) { System.err.println("Error parsing JSON: " + e.getMessage()); e.printStackTrace(); } return weddingItems; } private String extractStringValue(String json, String fieldName) { Pattern pattern = Pattern.compile("\"" + fieldName + "\":\\s*\\{\\s*\"stringValue\":\\s*\"([^\"]*?)\""); Matcher matcher = pattern.matcher(json); return matcher.find() ? matcher.group(1) : ""; } private void displayWeddingWardrobes() { wardrobeContainer.getChildren().clear(); if (weddingWardrobes.isEmpty()) { VBox emptyState = createEmptyState(); wardrobeContainer.getChildren().add(emptyState); return; } // Header with count Label countLabel = new Label("✨ Found " + weddingWardrobes.size() + " beautiful wedding outfits"); countLabel.setStyle("-fx-font-size: 18px; -fx-text-fill: white; -fx-font-weight: bold; -fx-background-color: rgba(0,0,0,0.5); -fx-background-radius: 10; -fx-padding: 10 20;"); wardrobeContainer.getChildren().add(countLabel); // Create grid layout for wedding items FlowPane gridPane = new FlowPane(); gridPane.setHgap(25); gridPane.setVgap(25); gridPane.setAlignment(Pos.CENTER); gridPane.setPrefWrapLength(1100); for (WardrobeItem item : weddingWardrobes) { VBox card = createWeddingCard(item); gridPane.getChildren().add(card); } wardrobeContainer.getChildren().add(gridPane); } private VBox createEmptyState() { VBox emptyBox = new VBox(15); emptyBox.setAlignment(Pos.CENTER); emptyBox.setPadding(new Insets(50)); emptyBox.setStyle("-fx-background-color: rgba(255,255,255,0.9); -fx-background-radius: 15;"); Label emptyIcon = new Label("💒"); emptyIcon.setStyle("-fx-font-size: 48px;"); Label emptyTitle = new Label("No Wedding Outfits Yet"); emptyTitle.setStyle("-fx-font-size: 24px; -fx-font-weight: bold; -fx-text-fill: #2c3e50;"); Label emptyMessage = new Label("Be the first to share your beautiful wedding outfits!"); emptyMessage.setStyle("-fx-font-size: 16px; -fx-text-fill: #6c757d;"); Button shareBtn = new Button("Share Wedding Outfit"); shareBtn.setStyle("-fx-background-color: #e83e8c; -fx-text-fill: white; -fx-background-radius: 8; -fx-padding: 12 24; -fx-font-size: 14px; -fx-font-weight: bold;"); shareBtn.setOnAction(e -> { try { Stage currentStage = (Stage) shareBtn.getScene().getWindow(); new ShareWardrobePage().start(currentStage); } catch (Exception ex) { ex.printStackTrace(); } }); emptyBox.getChildren().addAll(emptyIcon, emptyTitle, emptyMessage, shareBtn); return emptyBox; } private VBox createWeddingCard(WardrobeItem item) { VBox card = new VBox(15); card.getStyleClass().add("wardrobe-card"); card.setPrefWidth(320); card.setMaxWidth(320); // Wedding badge and title HBox titleBox = new HBox(10); titleBox.setAlignment(Pos.CENTER_LEFT); Label weddingBadge = new Label("💒 Wedding"); weddingBadge.getStyleClass().add("wedding-badge"); Label titleLabel = new Label(item.title); titleLabel.getStyleClass().add("wardrobe-title"); titleLabel.setWrapText(true); titleBox.getChildren().addAll(weddingBadge, titleLabel); // Image with wedding styling ImageView imageView = new ImageView(); imageView.setFitWidth(280); imageView.setFitHeight(200); imageView.setPreserveRatio(true); imageView.setStyle("-fx-background-color: #f8f9fa; -fx-background-radius: 10; -fx-effect: dropshadow(gaussian, rgba(232,62,140,0.3), 5, 0, 0, 2);"); if (!item.imageUrl.isEmpty()) { Task imageTask = new Task() { @Override protected Image call() throws Exception { return new Image(item.imageUrl, true); } @Override protected void succeeded() { Platform.runLater(() -> imageView.setImage(getValue())); } @Override protected void failed() { Platform.runLater(() -> { // Set a default wedding image Image defaultImg = new Image("https://via.placeholder.com/280x200/e83e8c/ffffff?text=Wedding+Outfit"); imageView.setImage(defaultImg); }); } }; new Thread(imageTask).start(); } else { // Default wedding placeholder Image defaultImg = new Image("https://via.placeholder.com/280x200/e83e8c/ffffff?text=Wedding+Outfit"); imageView.setImage(defaultImg); } // Details with wedding theme HBox detailsBox = new HBox(20); detailsBox.setAlignment(Pos.CENTER_LEFT); VBox leftDetails = new VBox(5); Label sizeLabel = new Label("👗 Size: " + item.size); sizeLabel.getStyleClass().add("wardrobe-detail"); Label contactLabel = new Label("📞 " + item.contact); contactLabel.getStyleClass().add("wardrobe-detail"); leftDetails.getChildren().addAll(sizeLabel, contactLabel); VBox rightDetails = new VBox(5); rightDetails.setAlignment(Pos.CENTER_RIGHT); Label priceLabel = new Label("₹" + item.price + "/day"); priceLabel.getStyleClass().add("price-label"); rightDetails.getChildren().add(priceLabel); detailsBox.getChildren().addAll(leftDetails, rightDetails); // Description TextArea descArea = new TextArea(item.description); descArea.setEditable(false); descArea.setPrefRowCount(2); descArea.setWrapText(true); descArea.getStyleClass().add("wardrobe-detail"); descArea.setMaxHeight(60); descArea.setStyle("-fx-background-color: #f8f9fa; -fx-background-radius: 5;"); // Rent button with wedding theme Button rentBtn = new Button("💕 Rent for Wedding"); rentBtn.getStyleClass().add("rent-button"); rentBtn.setMaxWidth(Double.MAX_VALUE); rentBtn.setOnAction(e -> { Alert alert = new Alert(Alert.AlertType.INFORMATION); alert.setTitle("Wedding Outfit Rental"); alert.setHeaderText("Contact for Wedding Rental"); alert.setContentText("Please contact " + item.contact + " to rent this beautiful wedding outfit:\n\n" + "Outfit: " + item.title + "\n" + "Price: ₹" + item.price + "/day\n" + "Size: " + item.size); alert.showAndWait(); }); card.getChildren().addAll(titleBox, imageView, detailsBox, descArea, rentBtn); return card; } private void showError(String message) { Alert alert = new Alert(Alert.AlertType.ERROR); alert.setTitle("Error"); alert.setHeaderText("Failed to Load Wedding Collection"); alert.setContentText(message); alert.showAndWait(); } // Data class for wardrobe items private static class WardrobeItem { String title = ""; String description = ""; String type = ""; String size = ""; String price = ""; String contact = ""; String imageUrl = ""; } }