Objective:
Design a landing page for an agency that offers tours to Saint Petersburg. The goal is to create a modern, minimalistic, and visually appealing design that effectively converts visitors into potential customers. The design must emphasize ease of navigation and a clear call to action.

Design Details:

Color Palette:
Follow the 60-30-10 color rule to create visual balance:
Primary (60%): Soft, neutral white or light gray for backgrounds to create a clean and minimalistic layout.
Secondary (30%): Deep royal blue (#002366), evoking trust and elegance, to reflect the historical and cultural richness of Saint Petersburg.
Accent (10%): Fresh green (#3DBE29) for all call-to-action buttons, interactive elements, and highlights to draw attention.
App Type:
The landing page should use responsive web design principles to ensure it adapts seamlessly across all devices (desktop, tablets, and mobile).
Ensure adaptive UI components that adjust content spacing, font sizes, and interactive elements dynamically based on screen size.
Layout Principles:
Use the golden ratio for layout proportions to maintain visual harmony across sections.
Incorporate plenty of whitespace to give users a clean and uncluttered experience.
Detailed List of UI Elements:

Header (Hero Section):
Full-width image/banner showcasing an iconic landmark of Saint Petersburg (e.g., Church of the Savior on Spilled Blood or The Winter Palace).
Overlay text:
Title: "Discover the Splendor of Saint Petersburg"
Subtitle: "Your ultimate travel adventure starts here."
Call-to-Action (CTA) Button: "Start Your Journey" (green #3DBE29).
Navigation Bar:
Logo (top-left corner) with agency branding.
Menu items: "Home," "About Us," "Tours," "Gallery," "Contact Us."
Optional: Dropdown for "Tours" showcasing different packages.
Sticky functionality for navigation bar on scroll.
About Section:
Short intro about the agency.
“Why Choose Us?” section with three bullet points or icons:
Trusted Travel Experts.
Curated Saint Petersburg Experiences.
Personalized Itineraries.
Tour Packages Overview:
Cards displaying the most popular tour packages with:
Image of destination.
Title of the tour (e.g., "Winter Palace Guided Tour").
Brief description (2-3 lines).
Price preview.
CTA Button: “View Details” or “Book Now.”
Customer Testimonials:
Carousel or grid display of 3-5 testimonials with:
Client name.
Star rating.
Short review.
Optional: Client's image for a personal touch.
Gallery Section:
Grid or masonry layout of high-quality photos showcasing the beauty of Saint Petersburg landmarks.
Interactive hover effect on images (e.g., magnify or fade with text overlay).
Features/Benefits Section:
Icons and short descriptions of services offered:
24/7 Customer Support.
Local Guides with In-Depth Knowledge.
Flexible Cancellation Options.
Call-to-Action (Banner Section):
Centered compelling text: "Ready to explore the beauty of Saint Petersburg?"
CTA Button: "Book Your Tour Today" (green #3DBE29).
Contact Us Section:
Form for inquiries:
Name.
Email.
Message.
Submit Button (green).
Contact details:
Phone number.
Email.
Office address.
Footer:
Agency logo.
Quick links to main pages.
Social media icons (e.g., Facebook, Instagram, Twitter).
Copyright info.
Other Instructions:

Make use of minimalistic typography. Choose clean, sans-serif fonts such as Lato or Roboto for body text and headers.
Ensure high-quality visuals. Consider using curated professional images of Saint Petersburg landmarks.
Prioritize interactivity: Add hover effects, smooth scrolling, and active states for buttons.
Optimize loading times by compressing images and using clean code.
Responsive Design Notes:

On desktop, prioritize image and text balance with well-organized spacing.
On mobile, simplify navigation by using a collapsible "hamburger" menu and stacking sections vertically.
Ensure buttons and clickable elements are easy to tap on touch devices. Use HTML CSS js to create this ui