고객 후기

본문 바로가기

Phantom
Design

신규 서비스 오픈 안내 2025년 설날 연휴 운영 안내 웹사이트 정기 점검 일정 공지 고객 만족도 조사 진행중

로그인 회원가입

CONTACT

02-1234-5678 contact@phantomdesign.kr

평일 09:00 - 18:00

점심 12:00 - 13:00

주말/공휴일 휴무

자주묻는질문 질문과답변

페이지 헤더 설정

제목

카테고리

설명

카테고리 기본값 설정

현재 페이지의 배경 이미지와 레이아웃 설정(간격, 정렬, 투명도 등)을
이 카테고리의 기본값으로 지정합니다.
※ 같은 카테고리의 다른 페이지에서 개별 설정하지 않은 항목들이 이 기본값을 상속받습니다.

텍스트 정렬

왼쪽

중앙

오른쪽

헤더 높이

헤더 영역의 최소 높이 (180px ~ 500px)

요소 간격 조정

브레드크럼 ↓

카테고리 ↓

제목 ↓

배경 이미지

📐 권장 크기: 1920x280px (Full HD) 또는 1600x280px

배경 이미지 크기 조정

Cover

꽉 채움 (잘림 가능)

Contain

전체 표시 (여백 가능)

색상 설정

배경색

텍스트색

배경 오버레이 투명도

배경 이미지 위에 어두운 오버레이 투명도 (0: 투명, 100: 불투명)

실시간 미리보기

Home 회사소개 CEO 인사말

회사소개

CEO 인사말

고객을 가장 먼저 생각하는 기업이 되겠습니다

Home 고객지원 고객 후기

고객지원

고객 후기

페이지 설정

고객 후기

페이지 제목

서브 타이틀 페이지 상단에 표시되는 설명

상위 메뉴 메뉴 그룹 선택

정렬 순서 작은 숫자가 먼저 표시

페이지 활성화

페이지 내용 (DB) DB에 저장되는 추가 내용 (HTML 가능)

PHP 파일 편집 불가

파일 쓰기 권한이 없습니다. (일반 호스팅에서는 PHP 파일 수정이 제한될 수 있습니다)

파일 경로: /var/www/html/sms/theme/modern/page/testimonials.php

PHP 파일 내용

<?php
include_once('../../../common.php');

// 페이지 데이터 (편집 기능을 위해 필요)
$page = [
    'tp_id' => 'testimonials',
    'tp_title' => '고객 후기',
    'tp_subtitle' => '',
    'tp_content' => '',
    'tp_category' => '',
    'tp_order' => 0,
    'tp_use' => 1,
    'tp_data' => '',
    'tp_image1' => '',
    'tp_meta_description' => '',
    'tp_keywords' => ''
];

$g5['title'] = '고객 후기';

include_once(G5_THEME_PATH.'/head.php');

// page_config에서 설정 불러오기
include_once(G5_THEME_PATH.'/page_config.php');
apply_sub_header('testimonials');
include_once(G5_THEME_PATH.'/page/page_common.php');
?>

<style>
.page_container {
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 40px;
}

.stats_hero {
    background: #000;
    padding: 80px 60px;
    margin-bottom: 80px;
}

.stats_inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    text-align: center;
}

.stat_item {
    color: #fff;
}

.stat_num {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 12px;
}

.stat_label {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
}

.testimonials_grid {
    max-width: 1400px;
    margin: 0 auto 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.testimonial_card {
    background: #fff;
    border: 1px solid #E0E0E0;
    padding: 36px 32px;
    position: relative;
    transition: all 0.3s;
}

.testimonial_card::before {
    content: '"';
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 80px;
    font-family: Georgia, serif;
    color: #f5f5f5;
    line-height: 1;
}

.testimonial_card:hover {
    border-color: #000;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.stars {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}

.testimonial_text {
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.testimonial_author {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
}

.author_avatar {
    width: 48px;
    height: 48px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.author_info {
    flex: 1;
}

.author_name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.author_company {
    font-size: 13px;
    color: #737373;
}

.cta_section {
    background: #FAFAFA;
    padding: 80px 60px;
    text-align: center;
}

.cta_title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.cta_desc {
    font-size: 16px;
    color: #737373;
    margin-bottom: 32px;
}

.cta_btn {
    display: inline-block;
    padding: 16px 48px;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #000;
    cursor: pointer;
    transition: all 0.3s;
}

.cta_btn:hover {
    background: transparent;
    color: #000;
}

@media (max-width: 768px) {
    .page_container {
        padding: 40px 20px;
    }

    .stats_hero {
        padding: 60px 28px;
    }

    .stats_inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .stat_num {
        font-size: 48px;
    }

    .testimonials_grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cta_section {
        padding: 60px 28px;
    }

    .cta_title {
        font-size: 28px;
    }
}
</style>

<div class="page_container">
    <div class="stats_hero">
        <div class="stats_inner">
            <div class="stat_item">
                <div class="stat_num">98%</div>
                <div class="stat_label">고객 만족도</div>
            </div>
            <div class="stat_item">
                <div class="stat_num">500+</div>
                <div class="stat_label">완료 프로젝트</div>
            </div>
            <div class="stat_item">
                <div class="stat_num">95%</div>
                <div class="stat_label">재계약률</div>
            </div>
        </div>
    </div>

    <div class="testimonials_grid">
        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                전문적인 컨설팅부터 개발, 운영까지 완벽하게 진행해주셨습니다.
                특히 고객 중심의 세심한 서비스가 인상 깊었습니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">김</div>
                <div class="author_info">
                    <div class="author_name">김철수</div>
                    <div class="author_company">A기업 대표</div>
                </div>
            </div>
        </div>

        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                까다로운 요구사항도 완벽하게 구현해주셨고,
                프로젝트 관리도 체계적이어서 믿고 맡길 수 있었습니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">이</div>
                <div class="author_info">
                    <div class="author_name">이영희</div>
                    <div class="author_company">B쇼핑몰 운영자</div>
                </div>
            </div>
        </div>

        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                기술력도 뛰어나지만 무엇보다 소통이 원활해서
                프로젝트가 순조롭게 진행되었습니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">박</div>
                <div class="author_info">
                    <div class="author_name">박민수</div>
                    <div class="author_company">C스타트업 CTO</div>
                </div>
            </div>
        </div>

        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                예산 내에서 최상의 결과를 만들어주셨습니다.
                합리적인 가격에 높은 퀄리티를 경험했습니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">최</div>
                <div class="author_info">
                    <div class="author_name">최지영</div>
                    <div class="author_company">D병원 원장</div>
                </div>
            </div>
        </div>

        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                사후 지원도 정말 훌륭합니다.
                작은 문의사항도 신속하게 대응해주셔서 감사합니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">정</div>
                <div class="author_info">
                    <div class="author_name">정현우</div>
                    <div class="author_company">E학원 원장</div>
                </div>
            </div>
        </div>

        <div class="testimonial_card">
            <div class="stars">★★★★★</div>
            <p class="testimonial_text">
                복잡한 시스템도 안정적으로 구축해주셨고,
                런칭 후에도 지속적으로 관리해주고 계십니다.
            </p>
            <div class="testimonial_author">
                <div class="author_avatar">강</div>
                <div class="author_info">
                    <div class="author_name">강서연</div>
                    <div class="author_company">F물류 이사</div>
                </div>
            </div>
        </div>
    </div>

    <div class="cta_section">
        <h3 class="cta_title">여러분의 이야기를 들려주세요</h3>
        <p class="cta_desc">
            프로젝트 완료 후 소중한 후기를 남겨주시면<br>
            더 나은 서비스로 보답하겠습니다
        </p>
        <button class="cta_btn">후기 작성하기</button>
    </div>
</div>

<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

읽기 전용 - 쓰기 권한이 없어 수정할 수 없습니다.

페이지 데이터 (JSON) 조직도, 연혁 등의 구조화된 데이터를 JSON 형식으로 입력

대표 이미지

대표 이미지 / OG 이미지

권장: 1200x630px / 검색 및 SNS 공유 시 사용

검색 엔진 최적화 (SEO)

메타 설명 (Meta Description)

0 / 160자

검색 결과에 표시되는 설명 (권장: 150-160자)

키워드 쉼표(,)로 구분하여 입력

구글 검색 결과 미리보기

고객 후기

sms.phantomdesign.kr › testimonials

페이스북 공유 미리보기

이미지 없음

고객 후기

sms.phantomdesign.kr

98%

고객 만족도

500+

완료 프로젝트

95%

재계약률

★★★★★

전문적인 컨설팅부터 개발, 운영까지 완벽하게 진행해주셨습니다. 특히 고객 중심의 세심한 서비스가 인상 깊었습니다.

김

김철수

A기업 대표

★★★★★

까다로운 요구사항도 완벽하게 구현해주셨고, 프로젝트 관리도 체계적이어서 믿고 맡길 수 있었습니다.

이

이영희

B쇼핑몰 운영자

★★★★★

기술력도 뛰어나지만 무엇보다 소통이 원활해서 프로젝트가 순조롭게 진행되었습니다.

박

박민수

C스타트업 CTO

★★★★★

예산 내에서 최상의 결과를 만들어주셨습니다. 합리적인 가격에 높은 퀄리티를 경험했습니다.

최

최지영

D병원 원장

★★★★★

사후 지원도 정말 훌륭합니다. 작은 문의사항도 신속하게 대응해주셔서 감사합니다.

정

정현우

E학원 원장

★★★★★

복잡한 시스템도 안정적으로 구축해주셨고, 런칭 후에도 지속적으로 관리해주고 계십니다.

강

강서연

F물류 이사

여러분의 이야기를 들려주세요

프로젝트 완료 후 소중한 후기를 남겨주시면
더 나은 서비스로 보답하겠습니다

자주 묻는 질문

로딩 중...