Merge version_1 into main #1
360
src/app/page.tsx
360
src/app/page.tsx
@@ -8,7 +8,6 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCart from '@/components/ecommerce/cart/ProductCart';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -17,280 +16,105 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="UNIK Power"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="UNIK Power"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="UNIK Power Engineering"
|
||||
description="UNIK Power is a R&D based engineering company rooted in strong, multi-disciplinary fields of mechanical engineering. We provide cutting-edge solar power solutions across India."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sathys Ganesan",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Excellent service and high-quality solar products. Highly recommended for the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vivek KN",
|
||||
handle: "Industry Partner",
|
||||
testimonial: "Very professional approach and reliable solar infrastructure implementation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kali Dass",
|
||||
handle: "Client",
|
||||
testimonial: "Unik Power consistently delivers top-tier solar mounting structures and engineering.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rajesh Mehta",
|
||||
handle: "Project Lead",
|
||||
testimonial: "Exceptional mechanical integrity in all their mounting solutions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "Energy Consultant",
|
||||
testimonial: "Their solar engineering expertise is unparalleled in the region.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-plant-executives-analyze-green-energy-manufacturing-equipment_482257-119740.jpg"
|
||||
imageAlt="industrial solar panel manufacturing"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
alt: "Senior businessman outside of modern office building.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
alt: "Confident Successful Middle-aged Business Leader",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",
|
||||
alt: "Thinking man in a dark suit. studio shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-man-suit-isolated-grey-background_613910-2351.jpg",
|
||||
alt: "Elegant man in a suit isolated on a grey background.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
alt: "Confident African-American businessman in a black classic jacket.",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Solar Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mechanical R&D",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Future",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Strength",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Engineering",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="UNIK Power Engineering"
|
||||
description="UNIK Power is a R&D based engineering company rooted in strong, multi-disciplinary fields of mechanical engineering. We provide cutting-edge solar power solutions across India."
|
||||
testimonials={[
|
||||
{ name: "Sathys Ganesan", handle: "Local Guide", testimonial: "Excellent service and high-quality solar products. Highly recommended for the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ name: "Vivek KN", handle: "Industry Partner", testimonial: "Very professional approach and reliable solar infrastructure implementation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg" },
|
||||
{ name: "Kali Dass", handle: "Client", testimonial: "Unik Power consistently delivers top-tier solar mounting structures and engineering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
|
||||
{ name: "Rajesh Mehta", handle: "Project Lead", testimonial: "Exceptional mechanical integrity in all their mounting solutions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
|
||||
{ name: "Priya Sharma", handle: "Energy Consultant", testimonial: "Their solar engineering expertise is unparalleled in the region.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "View Products", href: "#products" }, { text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-plant-executives-analyze-green-energy-manufacturing-equipment_482257-119740.jpg"
|
||||
imageAlt="industrial solar panel manufacturing"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", alt: "Senior businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Business leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg", alt: "Thinking man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-man-suit-isolated-grey-background_613910-2351.jpg", alt: "Elegant man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Businessman" },
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Solar Innovation" }, { type: "text", text: "Mechanical R&D" }, { type: "text", text: "Sustainable Future" }, { type: "text", text: "Industrial Strength" }, { type: "text", text: "Quality Engineering" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Zap,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Shield,
|
||||
title: "Quality Assured",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
title="Proven Technical Expertise"
|
||||
description="Driven by research and development to deliver robust mechanical and electrical power systems."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: Zap, title: "Projects Completed", value: "500+" },
|
||||
{ id: "2", icon: Award, title: "Years Experience", value: "15+" },
|
||||
{ id: "3", icon: Shield, title: "Quality Assured", value: "100%" },
|
||||
]}
|
||||
title="Proven Technical Expertise"
|
||||
description="Driven by research and development to deliver robust mechanical and electrical power systems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mounting Structure",
|
||||
price: "Standard Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-927.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Street Light Pole",
|
||||
price: "Galvanized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-bridge_1122-394.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "LED Lighting System",
|
||||
price: "Solar Powered",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-against-blue-skies_140725-11108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "On Grid Inverter",
|
||||
price: "Net Metering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lots-solar-panels-generating-electricity-field_23-2148895410.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Water Pumping",
|
||||
price: "Solar Irrigation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/power-distribution-station_1127-2079.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tracking System",
|
||||
price: "Advanced Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researching-team-monitors-system-performance-using-tablet_482257-123472.jpg",
|
||||
},
|
||||
]}
|
||||
title="Industrial Solar Solutions"
|
||||
description="Premium engineering products for residential and commercial solar infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Mounting Structure", price: "Standard Duty", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-927.jpg" },
|
||||
{ id: "p2", name: "Street Light Pole", price: "Galvanized", imageSrc: "http://img.b2bpic.net/free-photo/steel-bridge_1122-394.jpg" },
|
||||
{ id: "p3", name: "LED Lighting System", price: "Solar Powered", imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-against-blue-skies_140725-11108.jpg" },
|
||||
{ id: "p4", name: "On Grid Inverter", price: "Net Metering", imageSrc: "http://img.b2bpic.net/free-photo/lots-solar-panels-generating-electricity-field_23-2148895410.jpg" },
|
||||
{ id: "p5", name: "Water Pumping", price: "Solar Irrigation", imageSrc: "http://img.b2bpic.net/free-photo/power-distribution-station_1127-2079.jpg" },
|
||||
{ id: "p6", name: "Tracking System", price: "Advanced Tech", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researching-team-monitors-system-performance-using-tablet_482257-123472.jpg" },
|
||||
]}
|
||||
title="Industrial Solar Solutions"
|
||||
description="Premium engineering products for residential and commercial solar infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCart />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Partner with Unik Power"
|
||||
description="Get in touch with our engineering team for your solar requirements today."
|
||||
buttons={[{ text: "080 4764 4324", href: "tel:08047644324" }, { text: "Visit Site", href: "https://unikpower.in" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Partner with Unik Power"
|
||||
description="Get in touch with our engineering team for your solar requirements today."
|
||||
buttons={[
|
||||
{
|
||||
text: "080 4764 4324",
|
||||
href: "tel:08047644324",
|
||||
},
|
||||
{
|
||||
text: "Visit Site",
|
||||
href: "https://unikpower.in",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Solar Tracking",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Street Lighting",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Water Pumping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="UNIK Power"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] }, { items: [{ label: "Solar Tracking", href: "#" }, { label: "Street Lighting", href: "#" }, { label: "Water Pumping", href: "#" }] }]}
|
||||
logoText="UNIK Power"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user