Merge version_1 into main #3
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -48,26 +48,34 @@ export default function LandingPage() {
|
||||
tag="Precision Tiling"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Tile leveling clips close-up"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Tile leveling clips close-up"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Precision measurement guide"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Precision measurement guide"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", imageAlt: "Tiles with leveling clips installed"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", imageAlt: "Tiles with leveling clips installed"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg", imageAlt: "Professional tiling setup"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg", imageAlt: "Professional tiling setup"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg", imageAlt: "Tile installation process"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg", imageAlt: "Tile installation process"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", imageAlt: "Perfect tile alignment"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", imageAlt: "Perfect tile alignment"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Quality assurance"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Quality assurance"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Packaging and product display"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Packaging and product display"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop Clips", href: "#products" },
|
||||
@@ -95,13 +103,16 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "TileClips Pro", name: "1/16" Precision Leveling Clips (100-Pack)", price: "$24.99", rating: 5,
|
||||
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Box of 100 precision leveling clips"},
|
||||
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Box of 100 precision leveling clips"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "TileClips Pro", name: "1/16" Professional Kit (250-Pack)", price: "$49.99", rating: 5,
|
||||
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Professional kit with 250 clips"},
|
||||
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg", imageAlt: "Professional kit with 250 clips"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "TileClips Pro", name: "Bulk 1/16" Industrial Pack (500-Pack)", price: "$89.99", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Industrial bulk pack of 500 clips"},
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Industrial bulk pack of 500 clips"
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
@@ -119,8 +130,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Precision Engineering", description="Our 1/16" clips are manufactured to exact specifications, ensuring consistent tile spacing and perfectly level surfaces every time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg"},
|
||||
id: "1", title: "Precision Engineering", description: "Our 1/16" clips are manufactured to exact specifications, ensuring consistent tile spacing and perfectly level surfaces every time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Check, text: "±0.5mm tolerance" },
|
||||
{ icon: Check, text: "Consistent spacing" },
|
||||
@@ -130,7 +142,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", title: "Durable Construction", description: "Made from premium plastic compound that withstands repeated use and stays rigid throughout installations. Resistant to chemicals and temperature variations.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-carpenter-s-water-level_23-2148640272.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Shield, text: "UV resistant" },
|
||||
{ icon: Shield, text: "Temperature stable" },
|
||||
@@ -140,7 +153,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", title: "Easy Installation", description: "Simple snap-on design works with any tile size. No tools required—just position and clip. Quick removal when grout is dry.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "Tool-free installation" },
|
||||
{ icon: Zap, text: "Works on all tiles" },
|
||||
@@ -167,6 +181,7 @@ export default function LandingPage() {
|
||||
imageAlt="Detailed product specifications"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,19 +200,22 @@ export default function LandingPage() {
|
||||
id: "starter", tag: "Starter Pack", tagIcon: Sparkles,
|
||||
price: "$24.99", period: "/pack", description: "Perfect for small residential projects and repairs.", button: { text: "Add to Cart", href: "#" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"100 precision leveling clips", "1/16" spacing standard", "Free shipping over $50", "Lifetime quality guarantee"],
|
||||
"100 precision leveling clips", "1/16" spacing standard", "Free shipping over $50", "Lifetime quality guarantee"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional", tag: "Professional Kit", tagIcon: Award,
|
||||
price: "$49.99", period: "/kit", description: "Ideal for contractors and larger installations.", button: { text: "Add to Cart", href: "#" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"250 precision leveling clips", "1/16" spacing standard", "Priority customer support", "Free shipping included", "Lifetime quality guarantee", "Bonus installation guide"],
|
||||
"250 precision leveling clips", "1/16" spacing standard", "Priority customer support", "Free shipping included", "Lifetime quality guarantee", "Bonus installation guide"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "industrial", tag: "Industrial Bulk", tagIcon: Zap,
|
||||
price: "$89.99", period: "/bulk", description: "Maximum value for high-volume projects.", button: { text: "Add to Cart", href: "#" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"500 precision leveling clips", "1/16" spacing standard", "Dedicated account manager", "Free expedited shipping", "Volume discounts available", "Lifetime quality guarantee", "Professional consultation included"],
|
||||
"500 precision leveling clips", "1/16" spacing standard", "Dedicated account manager", "Free expedited shipping", "Volume discounts available", "Lifetime quality guarantee", "Professional consultation included"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -216,16 +234,20 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Rodriguez", role: "Master Tile Contractor", company: "Precision Tile Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Marcus Rodriguez"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Marcus Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Chen", role: "Project Manager", company: "Elite Construction Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", imageAlt: "Sarah Chen"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Thompson", role: "Head Installer", company: "Thompson Tile Works", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "James Thompson"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "James Thompson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Amanda Foster", role: "Lead Architect", company: "Foster Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Amanda Foster"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Amanda Foster"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Customer Satisfaction Rate" },
|
||||
@@ -253,17 +275,23 @@ export default function LandingPage() {
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What size tiles are these clips compatible with?", content: "Our 1/16" leveling clips work with virtually all tile sizes, from small mosaics (1"×1") to large format tiles (24"×24" and beyond). The universal clip design accommodates any tile thickness from 6mm to 12mm."},
|
||||
id: "1", title: "What size tiles are these clips compatible with?", content: "Our 1/16" leveling clips work with virtually all tile sizes, from small mosaics (1"×1") to large format tiles (24"×24" and beyond). The universal clip design accommodates any tile thickness from 6mm to 12mm."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do I remove the clips after grouting?", content: "Simply wait for the grout to set (typically 24 hours). Once fully cured, the clips pop off easily by hand. No tools required. They leave no residue or marks on your tile surface."},
|
||||
id: "2", title: "How do I remove the clips after grouting?", content: "Simply wait for the grout to set (typically 24 hours). Once fully cured, the clips pop off easily by hand. No tools required. They leave no residue or marks on your tile surface."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Are these clips reusable?", content: "Yes! Our clips are designed for multiple uses. After removal, simply rinse them clean. They maintain their structural integrity for hundreds of installations, making them an economical choice for contractors."},
|
||||
id: "3", title: "Are these clips reusable?", content: "Yes! Our clips are designed for multiple uses. After removal, simply rinse them clean. They maintain their structural integrity for hundreds of installations, making them an economical choice for contractors."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do these clips work on wall installations?", content: "Absolutely. The clips grip securely enough for vertical wall applications. Many contractors prefer them for wall work as they prevent tile drift without requiring temporary support structures."},
|
||||
id: "4", title: "Do these clips work on wall installations?", content: "Absolutely. The clips grip securely enough for vertical wall applications. Many contractors prefer them for wall work as they prevent tile drift without requiring temporary support structures."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What warranty do you offer?", content: "All our leveling clips come with a lifetime quality guarantee. If you experience any defects in manufacturing, we'll replace them free of charge. Your satisfaction is guaranteed."},
|
||||
id: "5", title: "What warranty do you offer?", content: "All our leveling clips come with a lifetime quality guarantee. If you experience any defects in manufacturing, we'll replace them free of charge. Your satisfaction is guaranteed."
|
||||
},
|
||||
{
|
||||
id: "6", title: "How many clips do I need per square foot?", content: "For most installations, use 4 clips per square foot (one at each corner of the tile for spacing control). Larger tiles may require additional clips. A 100-pack covers approximately 25 square feet."},
|
||||
id: "6", title: "How many clips do I need per square foot?", content: "For most installations, use 4 clips per square foot (one at each corner of the tile for spacing control). Larger tiles may require additional clips. A 100-pack covers approximately 25 square feet."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,7 +308,7 @@ export default function LandingPage() {
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user