bender/7e274fec-7062-4cbe-af8f-10b2cbb43baf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 10:13:39 +00:00
parent 0ef963976c
commit 1b7cedbfd4
1 changed files with 65 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -34,96 +34,55 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="2A Resine"
bottomLeftText="Global Solutions"
bottomRightText="info@2aresine.com"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Innovation in Resin Solutions"
description="Leading the industry with advanced resin materials for every application. Discover quality and performance that sets your projects apart."
buttons={[
{
text: "Explore Solutions",
href: "#products",
},
text: "Explore Solutions", href: "#products"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-pouring-paint-with-mug-small-tile-net_23-2148155159.jpg",
imageAlt: "Liquid resin pouring into an artistic mold",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-pouring-paint-with-mug-small-tile-net_23-2148155159.jpg", imageAlt: "Liquid resin pouring into an artistic mold"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917875.jpg",
imageAlt: "Industrial application of a protective resin coating",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917875.jpg", imageAlt: "Industrial application of a protective resin coating"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-pouring-glue-paper-pulp_23-2147845495.jpg",
imageAlt: "Close-up of resin component being manufactured",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-pouring-glue-paper-pulp_23-2147845495.jpg", imageAlt: "Close-up of resin component being manufactured"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/concrete-textured-background_53876-42334.jpg",
imageAlt: "Seamless, high-gloss resin floor in a modern space",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/concrete-textured-background_53876-42334.jpg", imageAlt: "Seamless, high-gloss resin floor in a modern space"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/thick-paint-smeared-palette_23-2147895743.jpg",
imageAlt: "Crystal clear resin jewelry piece with embedded elements",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/thick-paint-smeared-palette_23-2147895743.jpg", imageAlt: "Crystal clear resin jewelry piece with embedded elements"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-works-with-cement_1157-37371.jpg",
imageAlt: "Resin being used as a strong adhesive in construction",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-works-with-cement_1157-37371.jpg", imageAlt: "Applicateur de résine appliquant de la résine au sol"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -135,24 +94,15 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Unwavering Expertise in Resin ",
},
type: "text", content: "Our Unwavering Expertise in Resin "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bottle_23-2148897591.jpg",
alt: "Scientist working with resin in a laboratory",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bottle_23-2148897591.jpg", alt: "Scientist working with resin in a laboratory"},
{
type: "text",
content: "Technology & Applications",
},
type: "text", content: "Technology & Applications"},
]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
/>
</div>
@@ -164,26 +114,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "High Durability & Strength",
subtitle: "Formulations engineered for maximum resilience.",
category: "Performance",
value: "Advanced",
},
id: "1", title: "High Durability & Strength", subtitle: "Formulations engineered for maximum resilience.", category: "Performance", value: "Advanced"},
{
id: "2",
title: "Custom Formulations",
subtitle: "Tailored resin blends to meet specific requirements.",
category: "Customization",
value: "Bespoke",
},
id: "2", title: "Custom Formulations", subtitle: "Tailored resin blends to meet specific requirements.", category: "Customization", value: "Bespoke"},
{
id: "3",
title: "Eco-Friendly Options",
subtitle: "Sustainable resin choices for a greener future.",
category: "Sustainability",
value: "Green",
},
id: "3", title: "Eco-Friendly Options", subtitle: "Sustainable resin choices for a greener future.", category: "Sustainability", value: "Green"},
]}
title="Our Core Resin Capabilities"
description="Delivering specialized resin solutions tailored to your unique project needs, ensuring superior results and lasting quality."
@@ -198,65 +133,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "2A Resine",
name: "Industrial Epoxy Resin",
price: "$120",
rating: 5,
reviewCount: "89 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936067.jpg",
imageAlt: "Bottle of industrial epoxy resin",
},
id: "1", brand: "2A Resine", name: "Industrial Epoxy Resin", price: "$120", rating: 5,
reviewCount: "89 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936067.jpg", imageAlt: "Bottle of industrial epoxy resin"},
{
id: "2",
brand: "2A Resine",
name: "UV Resistant Coating",
price: "$95",
rating: 4,
reviewCount: "54 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/female-s-hand-holding-mold-tray_23-2147845581.jpg",
imageAlt: "UV resistant resin coating being applied",
},
id: "2", brand: "2A Resine", name: "UV Resistant Coating", price: "$95", rating: 4,
reviewCount: "54 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/female-s-hand-holding-mold-tray_23-2147845581.jpg", imageAlt: "UV resistant resin coating being applied"},
{
id: "3",
brand: "2A Resine",
name: "Resin Pigment Kit",
price: "$45",
rating: 5,
reviewCount: "112 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-golden-turquoise-mix-natural-bath-bomb_23-2148163181.jpg",
imageAlt: "Set of colorful resin pigment bottles",
},
id: "3", brand: "2A Resine", name: "Resin Pigment Kit", price: "$45", rating: 5,
reviewCount: "112 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-golden-turquoise-mix-natural-bath-bomb_23-2148163181.jpg", imageAlt: "Set of colorful resin pigment bottles"},
{
id: "4",
brand: "2A Resine",
name: "Automotive Grade Resin",
price: "$150",
rating: 4,
reviewCount: "30 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg",
imageAlt: "Car body part made with automotive grade resin",
},
id: "4", brand: "2A Resine", name: "Automotive Grade Resin", price: "$150", rating: 4,
reviewCount: "30 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342616.jpg", imageAlt: "Car body part made with automotive grade resin"},
{
id: "5",
brand: "2A Resine",
name: "Heavy Duty Floor Resin",
price: "$200",
rating: 5,
reviewCount: "75 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-girl-doing-yoga-bright-room_78826-3249.jpg",
imageAlt: "Industrial floor with heavy duty resin coating",
},
id: "5", brand: "2A Resine", name: "Heavy Duty Floor Resin", price: "$200", rating: 5,
reviewCount: "75 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-girl-doing-yoga-bright-room_78826-3249.jpg", imageAlt: "Industrial floor with heavy duty resin coating"},
{
id: "6",
brand: "2A Resine",
name: "Artisan Craft Resin",
price: "$60",
rating: 5,
reviewCount: "150 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-after-dissolving-color-bath-bomb-water_23-2148163183.jpg",
imageAlt: "Artistic project created with craft resin",
},
id: "6", brand: "2A Resine", name: "Artisan Craft Resin", price: "$60", rating: 5,
reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-after-dissolving-color-bath-bomb-water_23-2148163183.jpg", imageAlt: "Artistic project created with craft resin"},
]}
title="Explore Our Premium Resin Products"
description="A diverse range of high-performance resins for industrial, commercial, and artistic applications, designed for excellence."
@@ -271,25 +164,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "1500+",
title: "Projects Completed",
description: "Successfully delivered for diverse industries.",
icon: Package,
id: "1", value: "1500+", title: "Projects Completed", description: "Successfully delivered for diverse industries.", icon: Package,
},
{
id: "2",
value: "10+",
title: "Years in Business",
description: "A decade of expertise and industry leadership.",
icon: Calendar,
id: "2", value: "10+", title: "Years in Business", description: "A decade of expertise and industry leadership.", icon: Calendar,
},
{
id: "3",
value: "98%",
title: "Client Satisfaction",
description: "Dedicated to exceeding expectations with every project.",
icon: Smile,
id: "3", value: "98%", title: "Client Satisfaction", description: "Dedicated to exceeding expectations with every project.", icon: Smile,
},
]}
title="Impactful Numbers & Achievements"
@@ -305,50 +186,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "Innovate Coatings",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "CEO", company: "Innovate Coatings", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Lead Artist",
company: "Artistry Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020760.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Lead Artist", company: "Artistry Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020760.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Operations Manager",
company: "BuildRight Construction",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Operations Manager", company: "BuildRight Construction", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Product Development",
company: "AutoTech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-freelance-worker-having-fun-while-working-office-desk-listening-music-headphones-his-colleagues-are-background_637285-2574.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Product Development", company: "AutoTech Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-freelance-worker-having-fun-while-working-office-desk-listening-music-headphones-his-colleagues-are-background_637285-2574.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
role: "Architect",
company: "Urban Design Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-clients-negotiating-deals-office-hunt_482257-90866.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "Architect", company: "Urban Design Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-clients-negotiating-deals-office-hunt_482257-90866.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Clients Say"
description="Hear from businesses and artists who have transformed their projects with 2A Resine's superior solutions."
@@ -360,14 +211,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Composites",
"Durable Solutions Inc.",
"ChemTech Labs",
"Advanced Materials Group",
"Innovate Surfaces",
"Precision Polymers",
"Industrial Coatings Ltd.",
]}
"Global Composites", "Durable Solutions Inc.", "ChemTech Labs", "Advanced Materials Group", "Innovate Surfaces", "Precision Polymers", "Industrial Coatings Ltd."]}
title="Trusted by Industry Leaders"
description="Partnering with top companies to deliver superior resin solutions across various sectors."
/>
@@ -379,20 +223,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What types of resins does 2A Resine offer?",
content: "We offer a comprehensive range including epoxy resins, polyurethane resins, acrylic resins, and specialized blends for various industrial, commercial, and artistic applications.",
},
id: "1", title: "What types of resins does 2A Resine offer?", content: "We offer a comprehensive range including epoxy resins, polyurethane resins, acrylic resins, and specialized blends for various industrial, commercial, and artistic applications."},
{
id: "2",
title: "Can you provide custom resin formulations?",
content: "Yes, our team of experts specializes in developing custom resin formulations tailored to meet the specific performance and application requirements of your project.",
},
id: "2", title: "Can you provide custom resin formulations?", content: "Yes, our team of experts specializes in developing custom resin formulations tailored to meet the specific performance and application requirements of your project."},
{
id: "3",
title: "What are the typical lead times for orders?",
content: "Lead times vary based on product type, quantity, and customization. Please contact our sales team for precise estimates for your specific order.",
},
id: "3", title: "What are the typical lead times for orders?", content: "Lead times vary based on product type, quantity, and customization. Please contact our sales team for precise estimates for your specific order."},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-male-black-jacket-pointing-away-while-holding-clipboard_176474-23269.jpg"
imageAlt="Customer service representative helping a client"
@@ -408,8 +243,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Let's Create Something Together"
description="Reach out to our team for custom resin solutions, product inquiries, or project consultations. We're here to help."
@@ -430,46 +264,29 @@ export default function LandingPage() {
logoText="2A Resine"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}