I've created a responsive landing page that matches the design in the image. Key features include:

1. Geist Font integration using the official Geist package
2. A serif font for the main heading (you'll need to add EB Garamond from Google Fonts if you want to use that specific font)
3. Responsive navigation with logo and menu items
4. Centered content layout with proper spacing
5. Custom form elements using shadcn/ui components
6. Stock preference selection with icon buttons
7. Proper font sizing and spacing that matches the original design

To complete the setup, you'll need to:

1. Install the required dependencies (Geist font is already included in the Next.js 14+ app directory)
2. Add the EB Garamond font or another serif font of your choice
3. Configure any additional environment variables if needed
4. Add any interactive functionality you want for the form

Would you like me to make any adjustments to the design or add any specific functionality?