This header section includes:
1. A logo image with the brand name.
2. Desktop navigation links using the `headerNav` data.
3. A mobile menu button that toggles the mobile navigation menu.
4. A mobile navigation menu that displays the same links as the desktop version.
The header is styled using Tailwind CSS classes to create a responsive, dark-themed navigation bar. The mobile menu is hidden by default and only shown on smaller screens.
Elevate Your Digital Presence with Our Expertise
Unlock the power of digital marketing and web development to grow your business.
"Bishnu Pada Singh's digital marketing services have been a game-changer for our business. We've seen a significant increase in leads and conversions."
John Doe
CEO, Acme Corp
"I've been working with Bishnu Pada Singh for over a year, and their team has consistently delivered exceptional results. Highly recommended!"
Jane Smith
Marketing Manager, XYZ Corp
"Bishnu Pada Singh's expertise in digital marketing has been invaluable. They've helped us reach new heights with their innovative strategies."
Michael Johnson
Founder, Startup Inc
"Bishnu Pada Singh's team has been instrumental in helping us navigate the complex world of digital marketing. Their expertise is unparalleled."
Sarah Lee
Marketing Director, Mega Corp
This testimonials section includes:
1. A section element with the ID "testimonials" to match the navigation link.
2. A container with responsive padding and centered content.
3. A section heading and a brief description.
4. A full-width, rounded container with a dark-themed gradient background.
5. An infinite scrolling carousel of testimonial cards, each containing a blockquote, an author avatar, name, and role.
6. The testimonial cards are styled with a dark background, rounded corners, and subtle padding.
7. The carousel is implemented using a combination of Tailwind CSS classes and custom CSS variables for the animation.
8. The carousel pauses when the user hovers over the container.
The layout and styling are implemented using Tailwind CSS classes, following a mobile-first approach with responsive breakpoints. The author avatar images are sourced from the provided metadata.
Frequently Asked Questions
Get answers to your questions about our services.
What services do you provide?
We offer a wide range of digital marketing services, including Meta Ads, Google Ads, Google My Business, SEO, SMO, social media management, direct marketing, and content creation.
How long have you been in business?
I have been providing digital marketing services for over 5 years, with a strong track record of delivering results for my clients.
What is your pricing structure?
Our pricing is tailored to each client's specific needs and budget. We offer flexible packages and competitive rates to ensure you get the best value for your investment.
Do you offer any guarantees?
While we can't guarantee specific results, we are committed to delivering exceptional service and working closely with our clients to achieve their goals. Our track record speaks for itself.
How do I get started?
To get started, simply fill out the contact form on our website or give us a call. One of our digital marketing experts will be in touch to discuss your needs and provide a customized solution.
This FAQ section includes:
1. A section element with the ID "faq" to match the navigation link.
2. A container with responsive padding and centered content.
3. A section heading and a brief description.
4. A centered accordion-style FAQ component with multiple collapsible panels.
5. Each FAQ panel contains a question, a toggle icon, and the answer content.
6. The panels are styled with a white background, rounded corners, and subtle border-bottom separators.
7. The panels have a hover state that changes the background color on hover.
8. The answer content is initially hidden and can be toggled open/closed by clicking the panel.
The layout and styling are implemented using Tailwind CSS classes, following a mobile-first approach with responsive breakpoints. The FAQ content is structured with semantic HTML elements and includes appropriate ARIA attributes for accessibility.
Get in Touch
Let's discuss how we can help grow your business.
This contact section includes:
1. A section element with the ID "contact" to match the navigation link.
2. A container with responsive padding and centered content.
3. A section heading and a brief description.
4. A centered contact form with input fields for name, email, and message.
5. The form is styled with a dark background, rounded corners, and a subtle shadow.
6. The input fields have a focused state with a primary-colored ring.
7. The submit button is styled with the primary color and a hover effect.
The layout and styling are implemented using Tailwind CSS classes, following a mobile-first approach with responsive breakpoints. The form elements are structured with semantic HTML and include appropriate ARIA attributes for accessibility.
This footer section includes:
1. A footer element with the ID "footer" to match the navigation link.
2. A container with responsive padding and a flexbox layout.
3. The left side contains the company name and a copyright notice.
4. The right side contains the footer navigation links.
5. The navigation links are rendered using the `footerNav` data and Handlebars syntax.
6. The footer is styled with a dark background and neutral-colored text.
7. The navigation links have a hover effect that changes the text color to the primary color.
The layout and styling are implemented using Tailwind CSS classes, following a mobile-first approach with responsive breakpoints. The footer content is structured with semantic HTML elements and does not include any images.