Creative Tim UICreative Tim UI

Centered contact with circular icon badges - shadcn/ui

PRO

Use this contact section if you want to include your company's main information like phone number, email address, and office address. Copy-paste the code and add it to your Tailwind CSS project with shadcn/ui elements.

Preview

Component Details

ID
contact-sections-06
Type
Block
Access
PRO
Category
Contact
Published
3 Apr 2026

Files Included

  • app/contact-sections-06/page.tsx
  • components/creative-tim/blocks/contact-sections-06.tsx

Explore More Blocks

AI Agents
AI AgentsModern AI agent interface components and chat UI blocks for React and Next.js. Create conversational AI experiences, streaming responses, and interactive agent interfaces.
Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
Stats
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
Popup
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.
Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
Editorial
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Authentication
AuthenticationSecure authentication components and login flows for React and Next.js. Build sign-in forms, registration pages, password reset flows, and authentication interfaces.