bender/5418cfac-5d29-49f3-a4bb-b9b4b1e03a7f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Merged
bender merged 2 commits from version_2 into main 2026-03-11 13:53:08 +00:00
Conversation 0 Commits 2 Files Changed 2 +56 -56
2 changed files with 56 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/app/page.tsx
View File

@@ -9,65 +9,65 @@ import TextAbout from "@/components/sections/about/TextAbout";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Wrench, Package, CheckCircle, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="normal"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="IJS Traders"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Home", id: "/" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "WhatsApp Inquiry", href: "https://wa.me/919000000000"
text: "WhatsApp", href: "https://wa.me/919000000000"
}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Reliable Hardware Supplies for Professionals"
description="Quality products for construction, painting, and hardware needs. Trusted by local contractors, painters, and hardware shops across the region."
title="Premium Hardware Supplies for Professionals"
description="Quality construction materials, paints, and tools for contractors, painters, and builders. Fast delivery and competitive prices across the region."
tag="IJS Traders"
background={{ variant: "plain" }}
background={{ variant: "downward-rays-static" }}
buttons={[
{ text: "Browse Products", href: "#products" },
{ text: "Contact Us", href: "#contact" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-planks_23-2148836015.jpg", imageAlt: "Construction hardware supplies"
imageSrc: "https://images.unsplash.com/photo-1589939705066-5ec94a881ce3?w=1200&h=600&fit=crop", imageAlt: "Construction hardware supplies"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/we-are-running-out-business_637285-8016.jpg?_wi=1", imageAlt: "Cleaning cloth products"
imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1200&h=600&fit=crop", imageAlt: "Professional cleaning supplies"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-painting-car-with-spray-gun_1303-28158.jpg?_wi=1", imageAlt: "Spray paint supplies"
imageSrc: "https://images.unsplash.com/photo-1581092163562-40460efbc3da?w=1200&h=600&fit=crop", imageAlt: "Spray paint supplies"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756569.jpg?_wi=1", imageAlt: "Floor protection sheets"
imageSrc: "https://images.unsplash.com/photo-1608889335941-32ac5f2041b9?w=1200&h=600&fit=crop", imageAlt: "Floor protection materials"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985267.jpg?_wi=1", imageAlt: "Masking tape products"
imageSrc: "https://images.unsplash.com/photo-1586528116039-c48145acd4fa?w=1200&h=600&fit=crop", imageAlt: "Masking tape products"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/silver-tall-round-crushed-tin-can_23-2148785255.jpg?_wi=1", imageAlt: "Roll tape supplies"
imageSrc: "https://images.unsplash.com/photo-1556076798-4825dfaaf498?w=1200&h=600&fit=crop", imageAlt: "Industrial adhesive tape"
}
]}
/>
@@ -75,24 +75,24 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardThree
title="Product Categories"
description="Browse our complete range of hardware and construction supplies"
title="Featured Product Categories"
description="Explore our comprehensive range of hardware supplies and construction materials"
tag="Our Products"
products={[
{
id: "1", name: "Old Dhoti Cleaning Cloth", price: "₹200 - ₹500", imageSrc: "http://img.b2bpic.net/free-photo/we-are-running-out-business_637285-8016.jpg?_wi=2", imageAlt: "Old dhoti cleaning cloth", initialQuantity: 1
id: "1", name: "Cleaning Cloths", price: "₹200 - ₹500", imageSrc: "https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=400&h=400&fit=crop", imageAlt: "Old dhoti cleaning cloth", initialQuantity: 1
},
{
id: "2", name: "Spray Paints", price: "₹150 - ₹400", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-painting-car-with-spray-gun_1303-28158.jpg?_wi=2", imageAlt: "Professional spray paint cans", initialQuantity: 1
id: "2", name: "Spray Paints", price: "₹150 - ₹400", imageSrc: "https://images.unsplash.com/photo-1581092163562-40460efbc3da?w=400&h=400&fit=crop", imageAlt: "Professional spray paint cans", initialQuantity: 1
},
{
id: "3", name: "Floor Protection Sheets", price: "₹800 - ₹2000", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756569.jpg?_wi=2", imageAlt: "Floor protection plastic sheets", initialQuantity: 1
id: "3", name: "Floor Protection Sheets", price: "₹800 - ₹2000", imageSrc: "https://images.unsplash.com/photo-1608189335941-32ac5f2041b9?w=400&h=400&fit=crop", imageAlt: "Floor protection plastic sheets", initialQuantity: 1
},
{
id: "4", name: "Masking Tapes", price: "₹100 - ₹300", imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985267.jpg?_wi=2", imageAlt: "Masking tape rolls", initialQuantity: 1
id: "4", name: "Masking Tapes", price: "₹100 - ₹300", imageSrc: "https://images.unsplash.com/photo-1586528116039-c48145acd4fa?w=400&h=400&fit=crop", imageAlt: "Masking tape rolls", initialQuantity: 1
},
{
id: "5", name: "Roll Tapes", price: "₹120 - ₹350", imageSrc: "http://img.b2bpic.net/free-photo/silver-tall-round-crushed-tin-can_23-2148785255.jpg?_wi=2", imageAlt: "Adhesive roll tape", initialQuantity: 1
id: "5", name: "Adhesive Rolls", price: "₹120 - ₹350", imageSrc: "https://images.unsplash.com/photo-1556076798-4825dfaaf498?w=400&h=400&fit=crop", imageAlt: "Industrial adhesive tape", initialQuantity: 1
}
]}
gridVariant="three-columns-all-equal-width"
@@ -105,32 +105,32 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardTwentySeven
title="Why Choose IJS Traders"
description="We are committed to providing the best hardware supplies and services to our customers"
description="We deliver excellence through quality, reliability, and professional service"
tag="Our Advantages"
features={[
{
id: "quality", title: "Quality Products", descriptions: [
"We source only premium quality hardware and construction materials", "All products are tested and certified for durability", "Competitive pricing without compromising on quality"
id: "quality", title: "Premium Quality", descriptions: [
"Sourced from certified manufacturers", "All products tested for durability and performance", "Industry-standard quality assurance"
],
imageSrc: "http://img.b2bpic.net/free-vector/pack-golden-stickers-vintage-style_23-2147623598.jpg", imageAlt: "Quality products certification"
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=400&fit=crop", imageAlt: "Quality products certification"
},
{
id: "reliable", title: "Reliable Supply", descriptions: [
"Consistent and timely delivery of products", "Large stock always available for immediate purchase", "Dedicated support for bulk orders and projects"
id: "reliable", title: "Reliable Delivery", descriptions: [
"Fast and consistent delivery across the region", "Large inventory for immediate fulfillment", "Dedicated support for bulk orders"
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-blue-uniform-with-food-package-yellow-space_140725-106768.jpg", imageAlt: "Reliable supplier service"
imageSrc: "https://images.unsplash.com/photo-1568692846914-96b305d2aaeb?w=400&h=400&fit=crop", imageAlt: "Reliable delivery service"
},
{
id: "prices", title: "Competitive Prices", descriptions: [
"Best rates in the market for all products", "Flexible pricing for bulk and regular orders", "Special discounts for contractors and resellers"
id: "prices", title: "Competitive Pricing", descriptions: [
"Best market rates on all products", "Flexible pricing for bulk purchases", "Special discounts for regular customers"
],
imageSrc: "http://img.b2bpic.net/free-photo/red-sign-wood-board_23-2147960605.jpg", imageAlt: "Competitive pricing"
imageSrc: "https://images.unsplash.com/photo-1579621970563-430f63602022?w=400&h=400&fit=crop", imageAlt: "Competitive pricing"
},
{
id: "trusted", title: "Trusted by Professionals", descriptions: [
"Serving local contractors and painters for years", "Strong relationships with hardware shops across the region", "Recommended by construction professionals and industry experts"
id: "trusted", title: "Trusted Partner", descriptions: [
"Serving contractors and painters for years", "Strong relationships with hardware retailers", "Recommended by construction professionals"
],
imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-discussion-brainstorming-construction-concept_53876-26411.jpg", imageAlt: "Trusted contractor partners"
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=400&fit=crop", imageAlt: "Trusted partnerships"
}
]}
gridVariant="four-items-2x2-equal-grid"
@@ -142,8 +142,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
tag="About Us"
title="IJS Traders - Your Trusted Hardware Partner for Construction, Painting, and Professional Supplies"
tag="About IJS Traders"
title="Your Trusted Hardware Partner for Construction, Painting, and Professional Supplies"
useInvertedBackground={false}
buttons={[
{ text: "Get in Touch", href: "#contact" }
@@ -154,12 +154,12 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
description="We are proud to serve and collaborate with leading construction, painting, and hardware professionals across the region"
description="Partner with leading contractors, painters, and hardware professionals across the region"
tag="Our Partnerships"
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Contractors Association", "Professional Painters Guild", "Hardware Retailers Network", "Construction Materials Council", "Building Excellence Awards", "Trusted Supplier Seal", "Business License Certified"
"Construction Professionals", "Certified Contractors", "Professional Painters", "Hardware Retailers", "Building Excellence", "Licensed Suppliers", "Industry Certified"
]}
speed={40}
showCard={true}
@@ -168,14 +168,14 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Get in Touch"
tag="Contact Us"
title="Ready to Order Your Hardware Supplies?"
description="Contact us today via WhatsApp, phone, or email. We're here to help you find the right products for your construction and painting projects."
background={{ variant: "rotated-rays-static" }}
description="Reach out today via WhatsApp, phone, or email. Our team is ready to assist with your construction and painting projects."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. We'll only contact you with product updates and special offers."
termsText="We respect your privacy. We'll contact you only with product updates and special offers."
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--background: #0a1929;
--card: #132f4c;
--foreground: #e3f2fd;
--primary-cta: #ff8c00;
--primary-cta-text: #f5f4f0;
--secondary-cta: #f5f4f0;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #1a1a1a;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
--accent: #1f7cff;
--background-accent: #ff8c00;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);