Update src/app/page.tsx
This commit is contained in:
663
src/app/page.tsx
663
src/app/page.tsx
@@ -2,414 +2,289 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Leaf, Rocket, Share2, Star, Zap } from "lucide-react";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import { Award, Leaf, Rocket, Share2, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
}}
|
||||
brandName="ProductCo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Buy Now", href: "#products"}}
|
||||
brandName="ProductCo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Introducing the Future of Innovation"
|
||||
description="Discover our groundbreaking product that redefines efficiency and elegance. Engineered for seamless performance and unparalleled user experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_tech",
|
||||
testimonial: "This product has revolutionized my workflow. Absolutely essential for modern living!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@mike_innovates",
|
||||
testimonial: "Sleek design, powerful features. It exceeded all my expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-juice-sitting-cafe-outdoors_613910-6683.jpg",
|
||||
imageAlt: "Michael C.",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_design",
|
||||
testimonial: "The attention to detail is superb. A truly premium product experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dave_dev",
|
||||
testimonial: "Setup was a breeze, and it integrates perfectly with my existing tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-winter-jacket-outside-street_1303-30405.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_biz",
|
||||
testimonial: "Incredible value for money. It's a game-changer for productivity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-laughing-looking-camera-office-portrait_1163-4926.jpg",
|
||||
imageAlt: "Jessica L.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-man-laughing-with-closed-eyes-isolated-crimson-background_141793-76701.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-cv_23-2149927575.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-blue-blouse-posing_23-2148422234.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
alt: "Maria W.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by thousands of satisfied customers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037569.jpg"
|
||||
imageAlt="Hero product image"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award-Winning Design",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless Integration",
|
||||
icon: Share2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Enhanced Productivity",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Materials",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Next-Gen Performance",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Introducing the Future of Innovation"
|
||||
description="Discover our groundbreaking product that redefines efficiency and elegance. Engineered for seamless performance and unparalleled user experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarah_tech", testimonial: "This product has revolutionized my workflow. Absolutely essential for modern living!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
name: "Michael C.", handle: "@mike_innovates", testimonial: "Sleek design, powerful features. It exceeded all my expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-juice-sitting-cafe-outdoors_613910-6683.jpg", imageAlt: "Michael C."},
|
||||
{
|
||||
name: "Emily R.", handle: "@emily_design", testimonial: "The attention to detail is superb. A truly premium product experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
name: "David K.", handle: "@dave_dev", testimonial: "Setup was a breeze, and it integrates perfectly with my existing tools.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-winter-jacket-outside-street_1303-30405.jpg", imageAlt: "David K."},
|
||||
{
|
||||
name: "Jessica L.", handle: "@jess_biz", testimonial: "Incredible value for money. It's a game-changer for productivity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-laughing-looking-camera-office-portrait_1163-4926.jpg", imageAlt: "Jessica L."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Features", href: "#features"},
|
||||
{
|
||||
text: "Buy Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-man-laughing-with-closed-eyes-isolated-crimson-background_141793-76701.jpg", alt: "Michael C."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-cv_23-2149927575.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-blue-blouse-posing_23-2148422234.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Maria W."},
|
||||
]}
|
||||
avatarText="Trusted by thousands of satisfied customers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037569.jpg"
|
||||
imageAlt="Hero product image"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Award-Winning Design", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Seamless Integration", icon: Share2,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Enhanced Productivity", icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Eco-Friendly Materials", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Next-Gen Performance", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for Excellence, Designed for You"
|
||||
description="Our product embodies a blend of cutting-edge technology and thoughtful design, built to enhance your daily life. We believe in creating tools that are not only powerful but also intuitive and sustainable."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
title: "Satisfied Users",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nozzles-ratchets_23-2148180526.jpg"
|
||||
imageAlt="Product manufacturing detail"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for Excellence, Designed for Your Trust"
|
||||
description="At ProductCo, we believe in building more than just products; we build relationships. Our commitment to innovation, quality, and exceptional user experience is at the heart of everything we do. We're dedicated to empowering you with tools that are not only powerful but also intuitive, reliable, and sustainable."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%", title: "Uptime Reliability"},
|
||||
{
|
||||
value: "5M+", title: "Satisfied Users"},
|
||||
{
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-team-collaborating_23-2149302525.jpg"
|
||||
imageAlt="Team collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
tag="Our Story"
|
||||
mediaBadge={{
|
||||
text: "Certified Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/shiny-gold-medal_1398-1027.jpg", avatarAlt: "Certified"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Intuitive User Interface",
|
||||
descriptions: [
|
||||
"Navigate with ease through our beautifully designed and highly responsive interface.",
|
||||
"Experience a fluid and engaging journey from start to finish.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg",
|
||||
imageAlt: "Intuitive User Interface",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Robust Security",
|
||||
descriptions: [
|
||||
"Your data is protected with industry-leading encryption and robust security protocols.",
|
||||
"Rest assured, your privacy and information are our top priority.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg",
|
||||
imageAlt: "Robust Security",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Dedicated Support",
|
||||
descriptions: [
|
||||
"Our expert support team is always available to assist you, day or night.",
|
||||
"Get prompt and helpful solutions whenever you need them.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-caucasian-student-reading-text-messages-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-73.jpg",
|
||||
imageAlt: "24/7 Dedicated Support",
|
||||
},
|
||||
]}
|
||||
title="Unleash the Power of Innovation"
|
||||
description="Explore the key features that make our product stand out and transform your experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Intuitive User Interface", descriptions: [
|
||||
"Navigate with ease through our beautifully designed and highly responsive interface.", "Experience a fluid and engaging journey from start to finish."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg", imageAlt: "Intuitive User Interface"},
|
||||
{
|
||||
id: "f2", title: "Robust Security", descriptions: [
|
||||
"Your data is protected with industry-leading encryption and robust security protocols.", "Rest assured, your privacy and information are our top priority."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg", imageAlt: "Robust Security"},
|
||||
{
|
||||
id: "f3", title: "24/7 Dedicated Support", descriptions: [
|
||||
"Our expert support team is always available to assist you, day or night.", "Get prompt and helpful solutions whenever you need them."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-caucasian-student-reading-text-messages-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-73.jpg", imageAlt: "24/7 Dedicated Support"},
|
||||
]}
|
||||
title="Unleash the Power of Innovation"
|
||||
description="Explore the key features that make our product stand out and transform your experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Core Device",
|
||||
price: "$299",
|
||||
variant: "Standard Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg",
|
||||
imageAlt: "The Core Device",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Kit Max",
|
||||
price: "$499",
|
||||
variant: "Professional Bundle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
|
||||
imageAlt: "Pro Kit Max",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Travel Companion",
|
||||
price: "$149",
|
||||
variant: "Portable Version",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-backpack-with-books_23-2147615111.jpg",
|
||||
imageAlt: "Travel Companion",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Elite Creator",
|
||||
price: "$699",
|
||||
variant: "Premium Creative Suite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-geometrical-shapes_23-2148830254.jpg",
|
||||
imageAlt: "Elite Creator",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Home Hub",
|
||||
price: "$349",
|
||||
variant: "Smart Home Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-ladder-searching-parcel-shelf-industrial-warehouse-storehouse-worker-wearing-hard-hat-taking-cardboard-box-client-order-packing-stockroom_482257-63892.jpg",
|
||||
imageAlt: "Home Hub",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gaming Beast",
|
||||
price: "$599",
|
||||
variant: "Ultimate Gaming Peripherals",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components-blue-light_23-2149417058.jpg",
|
||||
imageAlt: "Gaming Beast",
|
||||
},
|
||||
]}
|
||||
title="Our Stellar Product Lineup"
|
||||
description="Explore our range of products, each meticulously designed to deliver exceptional performance and satisfaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "The Core Device", price: "$299", variant: "Standard Edition", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8591.jpg", imageAlt: "The Core Device"},
|
||||
{
|
||||
id: "p2", name: "Pro Kit Max", price: "$499", variant: "Professional Bundle", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg", imageAlt: "Pro Kit Max"},
|
||||
{
|
||||
id: "p3", name: "Travel Companion", price: "$149", variant: "Portable Version", imageSrc: "http://img.b2bpic.net/free-photo/silver-backpack-with-books_23-2147615111.jpg", imageAlt: "Travel Companion"},
|
||||
{
|
||||
id: "p4", name: "Elite Creator", price: "$699", variant: "Premium Creative Suite", imageSrc: "http://img.b2bpic.net/free-photo/front-view-geometrical-shapes_23-2148830254.jpg", imageAlt: "Elite Creator"},
|
||||
{
|
||||
id: "p5", name: "Home Hub", price: "$349", variant: "Smart Home Integration", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-ladder-searching-parcel-shelf-industrial-warehouse-storehouse-worker-wearing-hard-hat-taking-cardboard-box-client-order-packing-stockroom_482257-63892.jpg", imageAlt: "Home Hub"},
|
||||
{
|
||||
id: "p6", name: "Gaming Beast", price: "$599", variant: "Ultimate Gaming Peripherals", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components-blue-light_23-2149417058.jpg", imageAlt: "Gaming Beast"},
|
||||
]}
|
||||
title="Our Stellar Product Lineup"
|
||||
description="Explore our range of products, each meticulously designed to deliver exceptional performance and satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg",
|
||||
imageAlt: "Alex P.",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-with-long-straight-hair-winking-showing-tongue-smiling-white-perfect-teeth-standing-against-studio-wall_176420-38548.jpg",
|
||||
imageAlt: "Maria S.",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yes-happy-successful-young-redhead-woman-winner-with-hair-bun-keeping-fists-clenched-while-cheering-feeling-lucky-looking-excitement-joy-smiling-cheerfully_273609-46.jpg",
|
||||
imageAlt: "John D.",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-afro-american-man-wearing-black-pullover-posing-outdoor-terrace_291650-214.jpg",
|
||||
imageAlt: "Sophia G.",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Liam T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-hotel-owner-leaning-counter_1262-5861.jpg",
|
||||
imageAlt: "Liam T.",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Customers Are Saying"
|
||||
cardTag="Rave Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Lead Designer", title: "Revolutionized Workflow", quote: "This product has revolutionized my workflow. Absolutely essential for modern living!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "t2", name: "Michael C.", role: "Tech Innovator", title: "Exceeded Expectations", quote: "Sleek design, powerful features. It exceeded all my expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-juice-sitting-cafe-outdoors_613910-6683.jpg", imageAlt: "Michael C."},
|
||||
{
|
||||
id: "t3", name: "Emily R.", role: "Product Manager", title: "Premium Experience", quote: "The attention to detail is superb. A truly premium product experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "t4", name: "David K.", role: "Software Engineer", title: "Seamless Integration", quote: "Setup was a breeze, and it integrates perfectly with my existing tools.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-winter-jacket-outside-street_1303-30405.jpg", imageAlt: "David K."},
|
||||
{
|
||||
id: "t5", name: "Jessica L.", role: "Business Analyst", title: "Game-Changer", quote: "Incredible value for money. It's a game-changer for productivity.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-laughing-looking-camera-office-portrait_1163-4926.jpg", imageAlt: "Jessica L."},
|
||||
]}
|
||||
title="Hear From Our Valued Customers"
|
||||
description="Building trust through exceptional experiences. See what real users have to say about ProductCo."
|
||||
tag="Customer Success"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is the warranty period?",
|
||||
content: "Our products come with a standard 1-year limited warranty, covering manufacturing defects and hardware malfunctions.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How do I get customer support?",
|
||||
content: "You can reach our support team 24/7 via email, live chat on our website, or by calling our toll-free number.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is the product compatible with all devices?",
|
||||
content: "Our product is designed for broad compatibility. Please check the product specifications page for detailed compatibility information with your specific devices and operating systems.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our product and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "What is the warranty period?", content: "Our products come with a standard 1-year limited warranty, covering manufacturing defects and hardware malfunctions."},
|
||||
{
|
||||
id: "faq2", title: "How do I get customer support?", content: "You can reach our dedicated support team 24/7 via email at support@productco.com, live chat on our website, or by calling our toll-free number at 1-800-PRODUCT. We're committed to providing prompt and helpful assistance."},
|
||||
{
|
||||
id: "faq3", title: "Is the product compatible with all devices?", content: "Our product is designed for broad compatibility. Please check the product specifications page for detailed compatibility information with your specific devices and operating systems."},
|
||||
]}
|
||||
title="Your Questions, Our Transparent Answers"
|
||||
description="We've compiled a list of frequently asked questions to provide you with clear and concise information. For further assistance, our support team is always ready to help."
|
||||
tag="Support Center"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/support-team-smiling-customer-service_1098-16496.jpg"
|
||||
imageAlt="Customer support team"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Have a Question? We're Here to Help."
|
||||
description="Reach out to us for any inquiries, support, or feedback. We value your input and are always ready to assist."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending a message, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Connect With Our Dedicated Team"
|
||||
description="Whether you have a question, need support, or want to provide feedback, our team is here to listen and assist. Fill out the form below, and we'll get back to you as soon as possible."
|
||||
tag="Reach Out"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-business-staff-meeting-discussion-conversation_1098-16016.jpg"
|
||||
imageAlt="Team meeting"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ProductCo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ProductCo"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Products", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Help Center", href: "#contact" }, // Linking to contact for now as no dedicated help center page exists
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" }, // Placeholder, ideally to a legal page
|
||||
{ label: "Terms of Service", href: "#" }, // Placeholder, ideally to a legal page
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user