Merge version_1 into main #2
573
src/app/page.tsx
573
src/app/page.tsx
@@ -19,444 +19,167 @@ import { Award, CheckCircle, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Syedas Creations"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Syedas Creations"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="Syedas Creations: Bombastic 3D Web Experiences"
|
||||
description="We architect digital realities. Elevate your presence with immersive 3D illusions and high-end web development crafted for the future."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@alexr",
|
||||
testimonial: "Syedas Creations brought our 3D vision to life with perfect execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=1",
|
||||
imageAlt: "3d futuristic abstract background",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@janed",
|
||||
testimonial: "Bombastic and futuristic! The best web team I've worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=1",
|
||||
imageAlt: "3d futuristic abstract background",
|
||||
},
|
||||
{
|
||||
name: "Sam Khan",
|
||||
handle: "@samk",
|
||||
testimonial: "Incredible illusionary depth in every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=1",
|
||||
imageAlt: "3d futuristic abstract background",
|
||||
},
|
||||
{
|
||||
name: "Priya Singh",
|
||||
handle: "@priyas",
|
||||
testimonial: "A truly modern design partner for our SaaS.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=1",
|
||||
imageAlt: "3d futuristic abstract background",
|
||||
},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Superb attention to 3D UX and performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=1",
|
||||
imageAlt: "3d futuristic abstract background",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-portrait-excitement-middle-success_1262-2789.jpg",
|
||||
alt: "Portrait of professional 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-woman-with-arms-up_23-2148336917.jpg",
|
||||
alt: "Portrait of professional 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg",
|
||||
alt: "Portrait of professional 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-pumping-fists_1262-1722.jpg",
|
||||
alt: "Portrait of professional 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg",
|
||||
alt: "Portrait of professional 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 150+ visionary founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "3D IMMERSIVE UI",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE OPTIMIZED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRATEGIC ARCHITECTURE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FUTURE-READY TECH",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BOMBASTIC DESIGN",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Syedas Creations: Bombastic 3D Web Experiences"
|
||||
description="We architect digital realities. Elevate your presence with immersive 3D illusions and high-end web development crafted for the future."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivier", handle: "@alexr", testimonial: "Syedas Creations brought our 3D vision to life with perfect execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg", imageAlt: "3d futuristic abstract background" },
|
||||
{ name: "Jane Doe", handle: "@janed", testimonial: "Bombastic and futuristic! The best web team I've worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg", imageAlt: "3d futuristic abstract background" },
|
||||
{ name: "Sam Khan", handle: "@samk", testimonial: "Incredible illusionary depth in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg", imageAlt: "3d futuristic abstract background" },
|
||||
{ name: "Priya Singh", handle: "@priyas", testimonial: "A truly modern design partner for our SaaS.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "3d futuristic abstract background" },
|
||||
{ name: "Mike Ross", handle: "@miker", testimonial: "Superb attention to 3D UX and performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg", imageAlt: "3d futuristic abstract background" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-portrait-excitement-middle-success_1262-2789.jpg", alt: "Portrait of professional 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-woman-with-arms-up_23-2148336917.jpg", alt: "Portrait of professional 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-happy-businessmen-shaking-hands-after-successful-agreement-office-while-their-female-colleagues-are-applauding-them-focus-is-young-businessman_637285-251.jpg", alt: "Portrait of professional 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-pumping-fists_1262-1722.jpg", alt: "Portrait of professional 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg", alt: "Portrait of professional 5" }
|
||||
]}
|
||||
avatarText="Trusted by 150+ visionary founders"
|
||||
marqueeItems={[{ type: "text", text: "3D IMMERSIVE UI" }, { type: "text", text: "PERFORMANCE OPTIMIZED" }, { type: "text", text: "STRATEGIC ARCHITECTURE" }, { type: "text", text: "FUTURE-READY TECH" }, { type: "text", text: "BOMBASTIC DESIGN" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Visionary Web Craft"
|
||||
description="We don't just build websites; we create digital dimensions. Our approach fuses art and technology to break boundaries."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "3D Immersive UI",
|
||||
description: "Cutting-edge web interfaces.",
|
||||
},
|
||||
{
|
||||
title: "Performance Optimized",
|
||||
description: "Blazing fast digital assets.",
|
||||
},
|
||||
{
|
||||
title: "Strategic Design",
|
||||
description: "User-centric architecture.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Visionary Web Craft"
|
||||
description="We don't just build websites; we create digital dimensions. Our approach fuses art and technology to break boundaries."
|
||||
bulletPoints={[{ title: "3D Immersive UI", description: "Cutting-edge web interfaces." }, { title: "Performance Optimized", description: "Blazing fast digital assets." }, { title: "Strategic Design", description: "User-centric architecture." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "3D Motion Graphics",
|
||||
description: "High-fidelity motion and 3D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Complex Systems",
|
||||
description: "Scalable web infrastructure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Interactive Code",
|
||||
description: "Responsive & dynamic logic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Technological Mastery"
|
||||
description="Explore the capabilities that define our craft."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "3D Motion Graphics", description: "High-fidelity motion and 3D.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg" },
|
||||
{ title: "Complex Systems", description: "Scalable web infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" },
|
||||
{ title: "Interactive Code", description: "Responsive & dynamic logic.", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg" }
|
||||
]}
|
||||
title="Our Technological Mastery"
|
||||
description="Explore the capabilities that define our craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Portal App",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Zenith Mobile",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822059.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nexus Dashboard",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vortex Ecom",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-consumerism-connection-sale-concept_53876-124902.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nebula App",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884890.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Prism Portfolio",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-party_23-2149239096.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Digital Portfolio"
|
||||
description="A showcase of our recent high-impact deployments."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "p1", name: "Portal App", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg" }, { id: "p2", name: "Zenith Mobile", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822059.jpg" }, { id: "p3", name: "Nexus Dashboard", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg" }, { id: "p4", name: "Vortex Ecom", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-consumerism-connection-sale-concept_53876-124902.jpg" }, { id: "p5", name: "Nebula App", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884890.jpg" }, { id: "p6", name: "Prism Portfolio", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-party_23-2149239096.jpg" }]}
|
||||
title="Our Digital Portfolio"
|
||||
description="A showcase of our recent high-impact deployments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects",
|
||||
description: "Deployed successful sites.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable systems.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10M+",
|
||||
title: "Users",
|
||||
description: "Satisfied end users.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Growth Delivered"
|
||||
description="Tangible results for your business."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[{ id: "m1", value: "150+", title: "Projects", description: "Deployed successful sites.", icon: CheckCircle }, { id: "m2", value: "99.9%", title: "Uptime", description: "Reliable systems.", icon: Zap }, { id: "m3", value: "10M+", title: "Users", description: "Satisfied end users.", icon: Award }]}
|
||||
title="Growth Delivered"
|
||||
description="Tangible results for your business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Our Digital Architects"
|
||||
tag="Meet the Team"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Syeda Ali",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winning-happy-standing-victory-grey_1262-2898.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-caucasian-man-wearing-glasses-headphones-neck-standing-profile-view-touching-headphones-isolated-crimson-wall_141793-80164.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Sarah Khan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg",
|
||||
},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Our Digital Architects"
|
||||
tag="Meet the Team"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
members={[{ id: "tm1", name: "Syeda Ali", imageSrc: "http://img.b2bpic.net/free-photo/winning-happy-standing-victory-grey_1262-2898.jpg" }, { id: "tm2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-caucasian-man-wearing-glasses-headphones-neck-standing-profile-view-touching-headphones-isolated-crimson-wall_141793-80164.jpg" }, { id: "tm3", name: "Sarah Khan", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha B",
|
||||
date: "2023",
|
||||
title: "Founder",
|
||||
quote: "Brilliant team.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-15146.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bilal K",
|
||||
date: "2023",
|
||||
title: "CEO",
|
||||
quote: "Bombastic results.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Zara H",
|
||||
date: "2023",
|
||||
title: "VP",
|
||||
quote: "Very innovative.",
|
||||
tag: "SaaS",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hassan M",
|
||||
date: "2023",
|
||||
title: "CTO",
|
||||
quote: "Technical perfection.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Omar A",
|
||||
date: "2023",
|
||||
title: "Founder",
|
||||
quote: "Loved the 3D work.",
|
||||
tag: "Art",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601473.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg?_wi=3",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "t1", name: "Ayesha B", date: "2023", title: "Founder", quote: "Brilliant team.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-15146.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg" }, { id: "t2", name: "Bilal K", date: "2023", title: "CEO", quote: "Bombastic results.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-computer-lab-with-bright-blue-lighting-generated-by-ai_188544-28200.jpg" }, { id: "t3", name: "Zara H", date: "2023", title: "VP", quote: "Very innovative.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-curly-brackets_23-2148500548.jpg" }, { id: "t4", name: "Hassan M", date: "2023", title: "CTO", quote: "Technical perfection.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" }, { id: "t5", name: "Omar A", date: "2023", title: "Founder", quote: "Loved the 3D work.", tag: "Art", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601473.jpg", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18929.jpg" }]}
|
||||
title="Client Success"
|
||||
description="Our clients love our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Tech",
|
||||
"Beta Corp",
|
||||
"Gamma Solutions",
|
||||
"Delta Innovations",
|
||||
"Epsilon Systems",
|
||||
"Zeta Digital",
|
||||
"Theta Web",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Alpha Tech", "Beta Corp", "Gamma Solutions", "Delta Innovations", "Epsilon Systems", "Zeta Digital", "Theta Web"]}
|
||||
title="Trusted Partners"
|
||||
description="Industry leaders who trust us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What do you build?",
|
||||
content: "3D web experiences, SaaS apps, and sites.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you design 3D?",
|
||||
content: "Yes, it is our specialty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeline?",
|
||||
content: "Typically 4-8 weeks.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[{ id: "f1", title: "What do you build?", content: "3D web experiences, SaaS apps, and sites." }, { id: "f2", title: "Can you design 3D?", content: "Yes, it is our specialty." }, { id: "f3", title: "Timeline?", content: "Typically 4-8 weeks." }]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to build your digital dimension?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to build your digital dimension?"
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Syedas Creations"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Syedas Creations"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user