Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 12:35:11 +00:00
2 changed files with 79 additions and 212 deletions

View File

@@ -28,7 +28,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -40,9 +40,7 @@ export default function HomePage() {
brandName="Venti Fans"
navItems={navItems}
button={{
text: "Shop Now",
href: "/products",
}}
text: "Shop Now", href: "/products"}}
/>
</div>
@@ -53,38 +51,24 @@ export default function HomePage() {
description="Discover our exquisite collection of fans crafted with Indian heritage and modern innovation. Each fan combines traditional aesthetics with cutting-edge technology for the perfect blend of style and performance."
tag="Heritage Craftsmanship"
tagIcon={Zap}
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-botanical-garden-template_23-2150262392.jpg",
imageAlt: "modern ceiling fan design white elegant",
},
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-botanical-garden-template_23-2150262392.jpg", imageAlt: "modern ceiling fan design white elegant"},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-greeting-cards-collection-republic-day-celebration_23-2149916005.jpg",
imageAlt: "classic pedestal fan warm lighting",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-greeting-cards-collection-republic-day-celebration_23-2149916005.jpg", imageAlt: "classic pedestal fan warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pile-soft-cozy-pillows-vintage-green-background_1220-1746.jpg",
imageAlt: "table fan compact elegant design",
},
imageSrc: "http://img.b2bpic.net/free-photo/pile-soft-cozy-pillows-vintage-green-background_1220-1746.jpg", imageAlt: "table fan compact elegant design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxury-retro-radio-buttons-flowers_23-2148695302.jpg",
imageAlt: "wall-mounted fan space-saving design",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxury-retro-radio-buttons-flowers_23-2148695302.jpg", imageAlt: "wall-mounted fan space-saving design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg",
imageAlt: "industrial fan commercial quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg", imageAlt: "industrial fan commercial quality"},
]}
buttons={[
{
text: "Shop Collection",
href: "/products",
},
text: "Shop Collection", href: "/products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
/>
</div>
@@ -99,28 +83,21 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-digital-tablet-factory_107420-96046.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-digital-tablet-factory_107420-96046.jpg"
imageAlt="Venti Fans Manufacturing Facility"
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Heritage Quality",
description: "Over 20 years of experience in manufacturing premium fans with traditional Indian craftsmanship",
icon: Award,
title: "Heritage Quality", description: "Over 20 years of experience in manufacturing premium fans with traditional Indian craftsmanship", icon: Award,
},
{
title: "Innovative Design",
description: "Modern engineering combined with aesthetic appeal for contemporary and classic styles",
icon: Lightbulb,
title: "Innovative Design", description: "Modern engineering combined with aesthetic appeal for contemporary and classic styles", icon: Lightbulb,
},
{
title: "Eco-Friendly",
description: "Sustainable manufacturing practices and energy-efficient fan technology",
icon: Leaf,
title: "Eco-Friendly", description: "Sustainable manufacturing practices and energy-efficient fan technology", icon: Leaf,
},
{
title: "Customer Focused",
description: "Dedicated support and warranty services ensuring complete customer satisfaction",
icon: Heart,
title: "Customer Focused", description: "Dedicated support and warranty services ensuring complete customer satisfaction", icon: Heart,
},
]}
/>
@@ -139,49 +116,21 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
id: "1",
title: "Silent Operation",
descriptions: [
"Advanced noise-dampening technology ensures whisper-quiet performance",
"Perfect for bedrooms, offices, and meditation spaces",
"Engineered for peaceful comfort without distraction",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502992.jpg?_wi=1",
imageAlt: "Silent Operation Feature",
},
id: "1", title: "Silent Operation", descriptions: [
"Advanced noise-dampening technology ensures whisper-quiet performance", "Perfect for bedrooms, offices, and meditation spaces", "Engineered for peaceful comfort without distraction"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502992.jpg", imageAlt: "Silent Operation Feature"},
{
id: "2",
title: "Energy Efficient",
descriptions: [
"Consumes 40% less electricity than conventional fans",
"Eco-friendly design reduces carbon footprint",
"Lower electricity bills without compromising performance",
],
imageSrc: "http://img.b2bpic.net/free-photo/home-exterior-with-plants-old-wheel_23-2147663508.jpg?_wi=1",
imageAlt: "Energy Efficient Technology",
},
id: "2", title: "Energy Efficient", descriptions: [
"Consumes 40% less electricity than conventional fans", "Eco-friendly design reduces carbon footprint", "Lower electricity bills without compromising performance"],
imageSrc: "http://img.b2bpic.net/free-photo/home-exterior-with-plants-old-wheel_23-2147663508.jpg", imageAlt: "Energy Efficient Technology"},
{
id: "3",
title: "Artisan Crafted",
descriptions: [
"Each fan handcrafted by skilled Indian artisans",
"Blend of traditional design with modern aesthetics",
"Unique patterns inspired by Indian heritage and culture",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-configuring-electronic-cleaning-device_23-2149400050.jpg?_wi=1",
imageAlt: "Artisan Craftsmanship",
},
id: "3", title: "Artisan Crafted", descriptions: [
"Each fan handcrafted by skilled Indian artisans", "Blend of traditional design with modern aesthetics", "Unique patterns inspired by Indian heritage and culture"],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-configuring-electronic-cleaning-device_23-2149400050.jpg", imageAlt: "Artisan Craftsmanship"},
{
id: "4",
title: "10-Year Warranty",
descriptions: [
"Comprehensive coverage for complete peace of mind",
"Free maintenance and replacement services",
"Dedicated customer support throughout warranty period",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502992.jpg?_wi=2",
imageAlt: "Extended Warranty Coverage",
},
id: "4", title: "10-Year Warranty", descriptions: [
"Comprehensive coverage for complete peace of mind", "Free maintenance and replacement services", "Dedicated customer support throughout warranty period"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502992.jpg", imageAlt: "Extended Warranty Coverage"},
]}
/>
</div>
@@ -199,25 +148,13 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "500K+",
description: "Happy Customers Worldwide",
},
id: "1", value: "500K+", description: "Happy Customers Worldwide"},
{
id: "2",
value: "20+",
description: "Years of Excellence",
},
id: "2", value: "20+", description: "Years of Excellence"},
{
id: "3",
value: "98%",
description: "Customer Satisfaction Rate",
},
id: "3", value: "98%", description: "Customer Satisfaction Rate"},
{
id: "4",
value: "50+",
description: "Design Variants Available",
},
id: "4", value: "50+", description: "Design Variants Available"},
]}
/>
</div>
@@ -235,59 +172,23 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Rajesh Sharma",
role: "Home Owner",
company: "Delhi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-indian-girl-waving-hello-online-video-conference-studio_482257-122429.jpg",
imageAlt: "Rajesh Sharma",
},
id: "1", name: "Rajesh Sharma", role: "Home Owner", company: "Delhi", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-indian-girl-waving-hello-online-video-conference-studio_482257-122429.jpg", imageAlt: "Rajesh Sharma"},
{
id: "2",
name: "Priya Menon",
role: "Interior Designer",
company: "Mumbai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-serious-fireplace-books_114579-79360.jpg",
imageAlt: "Priya Menon",
},
id: "2", name: "Priya Menon", role: "Interior Designer", company: "Mumbai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-serious-fireplace-books_114579-79360.jpg", imageAlt: "Priya Menon"},
{
id: "3",
name: "Amit Patel",
role: "Restaurant Owner",
company: "Ahmedabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-68885.jpg",
imageAlt: "Amit Patel",
},
id: "3", name: "Amit Patel", role: "Restaurant Owner", company: "Ahmedabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-68885.jpg", imageAlt: "Amit Patel"},
{
id: "4",
name: "Sneha Kapoor",
role: "Architect",
company: "Bangalore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170886.jpg",
imageAlt: "Sneha Kapoor",
},
id: "4", name: "Sneha Kapoor", role: "Architect", company: "Bangalore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170886.jpg", imageAlt: "Sneha Kapoor"},
{
id: "5",
name: "Vikram Singh",
role: "Hotel Manager",
company: "Jaipur",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-posing_114579-15944.jpg",
imageAlt: "Vikram Singh",
},
id: "5", name: "Vikram Singh", role: "Hotel Manager", company: "Jaipur", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-posing_114579-15944.jpg", imageAlt: "Vikram Singh"},
{
id: "6",
name: "Ananya Desai",
role: "Real Estate Developer",
company: "Pune",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-indian-student-with-backpack-glasses-casual-stylish-close-wall_496169-1554.jpg",
imageAlt: "Ananya Desai",
},
id: "6", name: "Ananya Desai", role: "Real Estate Developer", company: "Pune", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-indian-student-with-backpack-glasses-casual-stylish-close-wall_496169-1554.jpg", imageAlt: "Ananya Desai"},
]}
/>
</div>
@@ -300,37 +201,20 @@ export default function HomePage() {
useInvertedBackground={false}
animationType="smooth"
textPosition="left"
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "What warranty do you offer on your fans?",
content: "We provide a comprehensive 10-year warranty on all our fans, covering manufacturing defects and performance issues. Free maintenance and replacement services are included throughout the warranty period.",
},
id: "1", title: "What warranty do you offer on your fans?", content: "We provide a comprehensive 10-year warranty on all our fans, covering manufacturing defects and performance issues. Free maintenance and replacement services are included throughout the warranty period."},
{
id: "2",
title: "Are your fans energy efficient?",
content: "Yes, all Venti Fans products are engineered with energy-efficient technology that consumes 40% less electricity than conventional fans, helping reduce your electricity bills while maintaining superior performance.",
},
id: "2", title: "Are your fans energy efficient?", content: "Yes, all Venti Fans products are engineered with energy-efficient technology that consumes 40% less electricity than conventional fans, helping reduce your electricity bills while maintaining superior performance."},
{
id: "3",
title: "Do you provide installation service?",
content: "We offer professional installation services in major cities. For other locations, detailed installation guides are provided, and our customer support team is available to assist via phone or video call.",
},
id: "3", title: "Do you provide installation service?", content: "We offer professional installation services in major cities. For other locations, detailed installation guides are provided, and our customer support team is available to assist via phone or video call."},
{
id: "4",
title: "What payment options are available?",
content: "We accept all major credit cards, debit cards, digital wallets, net banking, and EMI options through select partners for convenient shopping experiences.",
},
id: "4", title: "What payment options are available?", content: "We accept all major credit cards, debit cards, digital wallets, net banking, and EMI options through select partners for convenient shopping experiences."},
{
id: "5",
title: "Can I customize the design of my fan?",
content: "Yes, we offer customization options for corporate bulk orders and special requests. Contact our sales team at sales@ventifans.com with your design preferences for personalized solutions.",
},
id: "5", title: "Can I customize the design of my fan?", content: "Yes, we offer customization options for corporate bulk orders and special requests. Contact our sales team at sales@ventifans.com with your design preferences for personalized solutions."},
{
id: "6",
title: "What is your return policy?",
content: "We offer a 30-day money-back guarantee if you are not completely satisfied. Products must be in original condition with all packaging and documentation intact.",
},
id: "6", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee if you are not completely satisfied. Products must be in original condition with all packaging and documentation intact."},
]}
/>
</div>
@@ -338,14 +222,13 @@ export default function HomePage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-digital-tablet-factory_107420-96046.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-digital-tablet-factory_107420-96046.jpg"
imageAlt="Venti Fans Heritage Manufacturing"
logoText="Venti Fans"
copyrightText="© 2025 Venti Fans. Crafted with heritage. Built for excellence."
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Ceiling Fans", href: "/products" },
{ label: "Pedestal Fans", href: "/products" },
{ label: "Wall Mount Fans", href: "/products" },
@@ -353,8 +236,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Heritage", href: "#about" },
{ label: "Careers", href: "#" },
@@ -362,8 +244,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQs", href: "#faq" },
{ label: "Warranty", href: "#" },

View File

@@ -1,51 +1,37 @@
"use client";
import React from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
export interface SvgTextLogoProps {
text?: string;
fontSize?: number;
fill?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = 'Logo',
fontSize = 24,
fill = '#000000',
className,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width="200"
height="50"
viewBox="0 0 200 50"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="10"
y="35"
fontSize={fontSize}
fill={fill}
fontFamily="Arial, sans-serif"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;